What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I control how the input table shrinks?

    Asked by FullSpectrumSolar 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. 

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kiran 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!