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

    adjust column width of matrix

    Asked by jsaffir on January 21, 2014 at 01:10 PM

    I want variable column widths in a matrix.  Is something wrong with my css code?

    Page URL:
    http://form.jotform.us/form/40140520526137

    Screenshot
    column width adjust column width css code
  • Profile Image
    JotForm Support

    Answered by BDAVID on January 21, 2014 at 02:18 PM

    Hi, there is nothing wrong with it. What happens is tha there are multiple columns on the matrix, if you change the width of a particular column,it will decrease the others since the width of form is fixed.

    I injected to part of your code this (own my own example): "size: 20px"

     

    /*---4th column width---*/

    .form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 50px;

    size: 20px

    }

    So this is the result, as you can see the others columns width decrease.

     

    What you can do is to increase the width of the form, but you will get a wider form.