Modify field in matrix to smaller size

  • Profile Image
    clay_07
    Asked 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
  • Profile Image
    Welvin
    Answered 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!