How can I increase the size of input table text boxes?

  • techsupport2
    Asked on April 12, 2017 at 3:02 PM

    I have 3 input tables on my form, all with text boxes.  How do I go about increasing the width of each text box so the submitter can see more of what they're typing without having to scroll backwards?  

     

     

    Thanks

  • David JotForm Support
    Replied on April 12, 2017 at 5:06 PM

    While editing your form, click on the text box you would like to adjust the width for, then click on the little gear icon to open the options:

    How can I increase the size of input table text boxes? Image 1 Screenshot 20

    From that menu, click the "Options" tab.  You can adjust the width from there.

  • techsupport2
    Replied on April 12, 2017 at 5:33 PM

    Hey, thanks for the reply but I was talking about the text boxes within the input tables.  Any help would be much appreciated.

     

    How can I increase the size of input table text boxes? Image 1 Screenshot 20

  • David JotForm Support
    Replied on April 12, 2017 at 6:49 PM

    You can increase the height and width of the text box inputs in a matrices by adding the following CSS to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-matrix-values .form-textbox {

    width: 100px;

    height: 16px;

    }

    Adjust the values to suit your needs.