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

  • Profile Image
    Highred139
    Asked on April 06, 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?

  • Profile Image
    BJoanna
    Answered on April 06, 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.

    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. 

  • Profile Image
    Rob
    Answered on April 06, 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!