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

  • Profile Image
    cgregory
    Asked on April 04, 2018 at 09:22 AM

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

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

    15228540521.png

    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.


  • Profile Image
    cgregory
    Answered on April 04, 2018 at 11:38 AM

    Perfect. Thank you!