How to change the width of the Input Table text inputs?

  • cgregory
    Asked on April 4, 2018 at 9:22 AM

    How do I customize the length for the input text area or width for each column?

    Jotform Thread 1434792 Screenshot
  • Adrian
    Replied on April 4, 2018 at 11:03 AM

    One way to change the width of the columns (if you want to make them the same width) is through the OPTIONS tab of the Field Properties.

    How to change the width of the Input Table text inputs? Image 10

    Another way to do this is by Injecting Custom CSS to the Form.

    I have cloned your form and changed the width of all the fields to 70px, except the description field that is 200px.
    (How to Inject Custom CSS Codes)

    #cid_3 table td {
      width: 70px !important;
    }

    #cid_3 table td:nth-of-type(1) {
      width: 200px !important;
    }

    Form DEMO: https://form.jotform.com/80934734716968

    The code in the orange background is used to change the width of all the columns. The code in the green background changes the width of the description field.


  • cgregory
    Replied on April 4, 2018 at 11:38 AM

    Perfect. Thank you!