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

    Can the size of the matrix increases if i select the type as textbox?

    Asked by Waqas on January 15, 2012 at 12:39 PM

    What if i had selected A Matrix and change the input type as Textbox ( feild) the are of small size.

    Can i modify their length or number of rows by our own self? or is their any facility? related to this?

    We use JotForm for Higher Education Forms

     

    Muhammad Waqas

    Higher Education Commission

    size matrix
  • Profile Image
    JotForm Support

    Answered by abajan on January 15, 2012 at 01:54 PM

    The number of rows can be changed by clicking the matrix and then the Rows button and inserting additional items (in this case, numbers). Since the first matrix in your form has 8 rows numbered 1 to 8, you would continue the sequence: 9, 10, 11 and so on.

    Widening the text boxes is a bit tricker and requires the use of injected CSS. Assuming you are referring to the form on your account whose ID ends with "933", the following rule will widen the text boxes in the first matrix:

    #id_13 .form-matrix-values
    .form-textbox {
    width: 110px;
    }

    To widen those in the second matrix, substitute "#id_16" for "#id_13":

    #id_16 .form-matrix-values
    .form-textbox {
    width: 160px;
    }

    160px is code for 160 pixels: The width of the text boxes. The value can be adjusted to your liking.

    The above rules will adjust the width of all of the text boxes of each matrix but it is also possible to adjust the widths on a per column basis which would require additional CSS. Please see this thread for details.

    Lastly, you may be wondering how to find the IDs of the matrices. Well, you could view the source of the form but it's easier to use a tool like Firebug.

    If you need further assistance with this, please let us know.