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

    Modify field in matrix to smaller size

    Asked by clay_07 on March 20, 2015 at 12:09 AM
    I would also like to make the field smaller in matrix when i am typing text. They are going off the page
    matrix
  • Profile Image
    JotForm Support

    Answered by Welvin on March 20, 2015 at 10:23 AM

    Hi,

    You have to add the following custom CSS codes to your form:

    .form-matrix-values .form-textbox {

    width: 150px;

    }

    Just change the value until you'll get your desired width. Here's how to inject: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    If you want to change the size of the specific matrix, you  have to find the matrix field ID, here's our guide:

    http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Then target the ID's using the following custom CSS Codes:

    #input_25_0_0, #input_25_1_0, #input_25_2_0, #input_25_3_0, #input_25_4_0, #input_25_5_0 {

    width: 150px;

    }

    Let us know if you need further assistance.

    Thank you!