How to make the columns of Matrix field have the same width?

  • Swoodruff2002
    Asked on June 4, 2015 at 2:47 AM
     I would like the columns to be equal width though...
  • Charlie
    Replied on June 4, 2015 at 2: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. 

  • Swoodruff2002
    Replied on June 4, 2015 at 3: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

  • Ashwin JotForm Support
    Replied on June 4, 2015 at 5: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:

    How to make the columns of Matrix field have the same width? Image 1 Screenshot 20

     

    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!

  • Swoodruff2002
    Replied on June 4, 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

  • Charlie
    Replied on June 4, 2015 at 1: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.