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

    Make matrix headers wider

    Asked by OSTA2015 on October 16, 2015 at 11:50 AM

    I have a matrix that i want to fit better on my form. all the matrixes i have on my form aren't fitting to good and would like them to be large enough for people to see them and fit so the text of a box is all on one line and not multiple, how to i do this?

    Page URL:
    https://form.jotform.com/52884162480257

    all and matrixes large
  • Profile Image

    Answered by Carina on October 16, 2015 at 12:54 PM

    I will make further tests and will let you know as soon as I have more details.

    Let us know if we can assist you further.   

  • Profile Image

    Answered by Carina on October 16, 2015 at 04:01 PM

    Please try adding the following css code:

     

    .form-matrix-column-headers.form-matrix-column_0 {

        font-size : 200%;

    }

     

    .form-matrix-column-headers.form-matrix-column_1 {

        font-size : 200%;

    }

     

    .form-matrix-column-headers.form-matrix-column_2 {

        font-size : 200%;

    }

     

     

    #cid_53 th.form-matrix-row-headers {

        min-width : 480px !important;

        font-size : 200%;

    }

     

    #cid_54 th.form-matrix-row-headers {

        min-width : 480px !important;

        font-size : 200%;

    }

     

    #cid_55 th.form-matrix-row-headers {

        min-width : 480px !important;

        font-size : 200%;

    }

     

    #cid_56 th.form-matrix-row-headers {

        min-width : 480px !important;

        font-size : 200%;

    }

     

    You can test and clone the demo form:  

    https://form.jotform.com/52885004922961? 

    Let us know if we can assist you further.