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 can I resize the matrix input boxes?

    Asked by mckbosart on April 07, 2016 at 10:58 AM

    I used .form-matrix-values .form-textbox {

    width: 20px;

    height: 20px;



    and it worked until I changed the input fields to numeric.. now it wont go back to smaller fields! Please help!


    Page URL:

  • Profile Image
    JotForm Support

    Answered by Charlie on April 07, 2016 at 12:28 PM

    Using your Form Designer Tool, you can hover on the fields or input boxes and click it to select their class name.

    In your form, are you referring to the input boxes or the cells in the matrix field?

    If you are referring to the input boxes, then this CSS might help:

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

        width : 20px !important;

        height : 20px !important;


    You can paste it under your CSS tab in the Form Designer Tool.


    However, not all the text boxes seems to be proportionate with this. Perhaps you were referring to the cells? Here's how it looks like in my cloned form: https://form.jotform.com/60975122373961 

    We'll wait for your response.