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 increase the width of the matrix input boxes?

    Asked by Nahjeehw 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.

    Screenshot
  • Profile Image
    JotForm Support

    Answered by AIDAN 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

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

    Answered by AIDAN 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.