Can I control how the input table shrinks?

  • FullSpectrumSolar
    Asked on April 5, 2017 at 7:28 PM

    I have a couple of input tables on my form-in-progress. When I resize my window to see how the form will look on smaller devices including a smart phone I am not too pleased. The label field is given a lot of space whereas the input columns have shrunk way down. 

     

    Is there a way for me to control that first column? To just tell it to be only as wide as is needed? I tried setting the "shrink" switch, but that wasn't it. 

    Jotform Thread 1112563 Screenshot
  • Kiran Support Team Lead
    Replied on April 6, 2017 at 2:08 AM

    I have checked your JotForm and it looks like you have removed the second column of the input tables. However, you may reduce the width for the row headers by injecting the following CSS code to the form.

    @media screen and (min-width: 10px) and (max-width: 540px){

    .form-matrix-row-headers {

        width: 40%;

    }

    }

    The form will be displaying the input tables as shown below when viewed in the mobile devices.

    Can I control how the input table shrinks? Image 1 Screenshot 20

    Hope this information helps!