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 increase the font on the items on the far left of my matrix? and distribute column width of the remaining right hand side column.

    Asked by zubeida on July 31, 2015 at 03:51 AM
  • Profile Image
    JotForm Support

    Answered by Kiran on July 31, 2015 at 10:27 AM

    I understand that you want to increase the font size of the headers in the matrix. This can be achieved by adding some custom code to your JotForm from the CSS section of Form Designer.

    1. Please open your JotForm in edit mode and click on Designer Icon to open designer.

    2. Click on CSS section in the Form Designer window

    3. Select one of the header on the matrix so that the other headers are also selected automatically. Now, change the font size by adding the following code to your JotForm.

    .form-matrix-row-headers {

    font-size : 13px !important;


    You may change the font size as per your requirement. Also, I see that the right alignment of the form for matrix field seems to be okay.

    If you are referring to something different, please let us know. We will be happy to look into this further.

  • Profile Image

    Answered by zubeida on July 31, 2015 at 01:34 PM

    hi Kiran, Thank you so much for the help. About the column width I want them to be spread out evenly if you notice on the subsequent pages that is not the case. i want to have the first column little wider as the items are there and the subsequent 7 columns smaller and equal width. thank you. 

    Also is there a way to draw a box around the text box, like a border, to make it stand out?

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 31, 2015 at 02:55 PM

    The form matrix values have the same width, what you can do is to set a default height:

    .form-matrix-values {

        height: 45px !important;


  • Profile Image

    Answered by zubeida on August 01, 2015 at 01:19 AM

    Thank you! Jot for support really rocks. 

    I have one other question that has not been addressed:


    Is there a way to draw a border around a text box? like to have the text sit within a box, it may be easier for me to divide the different parts this way? 


    how can i add page numbers/or progress bar to my survey? 
  • Profile Image
    JotForm Support

    Answered by Jan on August 01, 2015 at 07:27 AM

    I need to create a separate threads for the other issues. In this way, we can see it quickly and answer them properly. Here are the URLs of the new threads:

    Creating a border in the text box - http://www.jotform.com/answers/625566

    Adding page break and progress bar - http://www.jotform.com/answers/625568

    Thank you for understanding.