Can I control how the input table shrinks?

  • Profile Image
    FullSpectrumSolar
    Asked on April 05, 2017 at 07: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. 

  • Profile Image
    Kiran
    Answered on April 06, 2017 at 02: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.

    Hope this information helps!