What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by lwilkerson2503 on September 27, 2016 at 04: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!  

    matrix field width adjust column custom css
  • Profile Image
    JotForm Support

    Answered by Jim_R on September 27, 2016 at 04: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

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

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

    td.form-matrix-values input {

        width: 80px;

    }

    RESULT:

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