How to increase the width of the matrix input boxes?

  • Nahjeehw
    Asked on January 9, 2017 at 11:55 AM

    If I make the table bigger the boxes remain the same size. if I need to use the matrix boxes for customers to fill out they are unable to read all of what they have typed due to the length of the box.

    Jotform Thread 1029322 Screenshot
  • AIDAN
    Replied on January 9, 2017 at 12:27 PM

    Hi, thank you for contacting us.

    In order to widen the matrix boxes, please inject this custom CSS code:

    .form-matrix-values>.form-number-input.form-textbox {

        width: 100% !important;

    }

    I created an animation for you to guide you through achieving that:

    How to increase the width of the matrix input boxes? Image 1 Screenshot 20

     

     

    For a general guide on how to inject custom CSS codes into a form, please see https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I also created a corrected form in case you would like to clone ithttps://form.jotform.com/70085315511952

    If you need further assistance please let us know. We will be happy to help. Thank you.

  • Nahjeehw
    Replied on January 9, 2017 at 1:45 PM
    I do not the inject CSS in my design view
    Sent from my iPhone
    ...
  • AIDAN
    Replied on January 9, 2017 at 2:00 PM

    I see, I created a new animation to guide you through achieving that with your design view:

    How to increase the width of the matrix input boxes? Image 1 Screenshot 20

     

    Please let me know if you need further assistance with this. Thank you.