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 customize the Matrix field using CSS codes?

    Asked by photokc on March 03, 2016 at 04:13 PM

    Hi

    I used the Matrix tool with the text box input type. 

    1. Can I control the length of the text box to make it bigger?  How can I edit?

    2. The row headings have a lot of empty space after them on the iphone or other devices and the text boxes are all very small.  How can I edit for mobile?

    Thank you

    Screenshot
    tool a Mobile length text boxes
  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 03, 2016 at 05:46 PM

    Please, inject this CSS code:

    @media only screen and (max-width: 40em){

            .form-matrix-row-headers {

                width: 10% !important;

                word-break: break-all;

                min-width: 0px !important;

            }

        }

    This should be your result:

  • Profile Image

    Answered by photokc on March 04, 2016 at 09:45 AM
    Thank you that worked!
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 04, 2016 at 11:41 AM

    On behalf of my colleague Kevin, you're welcome, we're glad it worked for you.

    Do not hesitate to contact us in future for any issue.

    We'll be more than happy to help you.

    Best regards.