How can I adjust the column width of the Matrix Field?

  • lwilkerson2503
    Asked on September 27, 2016 at 4:40 PM

    Thank you Jonathan for your help! I have replaced my previous list widget with the matrix table field and have setup the calculations. Here's a link to my new form, https://form.jotform.com/62705323797159. However, now I'm stuck because the columns are not wide enough. Is there a way to change this? I tried using the design tool and CSS helper with no luck.

    Any help you can provide would be appreciated.

    Thanks!  

  • Support_Management Jotform Support
    Replied on September 27, 2016 at 4:57 PM

    This is achievable, however, you'd have to adjust your entire form's width to accommodate the extra width you want for your columns. If you wish to adjust ALL the columns, here's how you would do it:

    1. Change your form's width to 820px

    How can I adjust the column width of the Matrix Field? Image 1 Screenshot 50

    2. Set your Matrix Field's width to 750px

    How can I adjust the column width of the Matrix Field? Image 2 Screenshot 61

    3. Remove all the Custom CSS Codes you have entered, and replace them with these:

    td.form-matrix-values input {

        width: 80px;

    }

    How can I adjust the column width of the Matrix Field? Image 3 Screenshot 72

    RESULT:

    How can I adjust the column width of the Matrix Field? Image 4 Screenshot 83

    Here's a clone of your form showing those changes: https://jotform.com/62706443527962