How to increase the width of the matrix input boxes?

  • Profile Image
    Nahjeehw
    Asked on January 09, 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.

  • Profile Image
    AIDAN
    Answered on January 09, 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:

     

     

    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.

  • Profile Image
    Nahjeehw
    Answered on January 09, 2017 at 01:45 PM
    I do not the inject CSS in my design view
    Sent from my iPhone
    ...
  • Profile Image
    AIDAN
    Answered on January 09, 2017 at 02:00 PM

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

     

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