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 to make the columns of Matrix field have the same width?

    Asked by Swoodruff2002 on June 04, 2015 at 02:47 AM
     I would like the columns to be equal width though...
  • Profile Image
    JotForm Support

    Answered by Charlie on June 04, 2015 at 02:54 AM

    I've cloned your form for testing purposes, could you try using this custom CSS code.

    /**First Matrix field in your form**/

    #cid_37 th.form-matrix-column-headers {

        min-width : 80px !important;

    }

    /**Second Matrix field in your form**/

    #cid_41 th.form-matrix-column-headers {

        min-width: 80px !important;

    }

     

    Do let us know if this works. You can adjust the width with your own preference.

    Thank you. 

  • Profile Image

    Answered by Swoodruff2002 on June 04, 2015 at 03:27 AM

    Hmmm, am I supposed to use the cloned version, because I don't see it in MyForms. I copy pasted the code you provided above, but it didn't seem to change the matrix table column widths. Can I make them all the same width? if the min is 80px, but the column header text is longer, will the column widths be different sizes?

    Here's a screen cast of the CSS changes and I try to make the column width change by changing the *px, it doesn't appear to change...?

    http://screencast.com/t/VIdkdBcT

     

    Steve

  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 04, 2015 at 05:41 AM

    Hello Steve,

    Have you checked your form with its direct URL already? I did check your form and it seems to display the matrix columns with same width. Please check the screenshot below:

     

    This is what you wanted to achieve correct? 

    I would suggest you to please check your form again and get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by Swoodruff2002 on June 04, 2015 at 12:09 PM

    I see that it is correct now...  I cleared my browser history, would have made a difference? Is there an update lag between making the change and having it reflected on live URL's?

    Thanks for the continued and great support!

    Steve

  • Profile Image
    JotForm Support

    Answered by Charlie on June 04, 2015 at 01:21 PM

    Hi Steve,

    I believe its more of a cache problem on the browser. It might be loading the previous styling of the form based from the stored cache.

    But I'm glad that it is working now. If you needed any assistance again, please do feel free to open a new thread here in the forum.

    Thanks.