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 change fields width in matrix field?

    Asked by jmaples on March 07, 2017 at 01:12 PM

    I'd like to create a form with a matrix that looks like the screenshot I've provided. However, using the "Matrix" field, I find it extremely difficult to size columns the way I want them to look on the form. Is there something I should be doing that would make this process simpler.

    Also, How do you format form results in email deliveries to reflect certain fonts and sizes for a Matrix?

    Page URL:
    http://www.jotformpro.com/jmaples/notonfile

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 07, 2017 at 04:36 PM

    In the field settings you could set  the width for each column in the matrix field, to do it, click on the gear icon, go to the options tab and enter the number in pixels. 

    You could also change the fields width by injecting some CSS code, this will work for the text fields: 

    [data-type="control_matrix"] [type="text"]{

        width: 95%;

    }

    How-to-Inject-Custom-CSS-Codes

    And you can also get the field type by inspecting the element with the developers tool, example: 

    Then replacing the field type in the code "[type='text']". Regarding to change the format in the email notification, unfortunately, there's not a way to change the layout, you can do it injecting CSS code to the form, but this will only show when loading the web form and will not be included in the email.