How to increase the width of Text box fields within "Input Table" field?

  • Highred139
    Asked on April 6, 2017 at 10:16 AM

    I am using the "Input Table" and I have selected the Input Type as "Text Box".  No mater which Input Type I choose, the field width does not change.

    When you look at my form, go to Step 3 - Assets and Liabilities, and enter a large number, the field width does not adjust.

    How can I fix this?

  • BJoanna
    Replied on April 6, 2017 at 11:50 AM

    You can increase the width of Text box fields within "Input Table" filed with CSS. Add this CSS code to your form to increase the width of Text box fields:

    .form-matrix-values .form-textbox {

    width: 120px;

    }

    How to Inject Custom CSS Codes

    After you add mentioned CSS code to your form, your "Input Table" field will look like this.

    How to increase the width of Text box fields within Input Table field? Image 1 Screenshot 20

    Here is my demo form: https://form.jotformpro.com/70954986379983 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • Rob
    Replied on April 6, 2017 at 12:45 PM

    I noticed that there was already some custom CSS.  So I inserted the CSS you suggested after the existing CSS.  That did not work.  Then I inserted it before the exisitng CSS.  Now it works.  I hope that did not mess up anything esle.  Thanks!