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

  • Profile Image
    Asked 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

  • Profile Image
    Answered 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.