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 increase the column width on a Matrix?

    Asked by Estela1127 on February 17, 2015 at 02:48 PM

    I want to create a Matrix type of questions that allows for the responder to select good, fair or bad, but I also want a column for Comments?  Can I do that? if so, how?

    Right now I have it set up to where I have all colums as text entry, but I still need to widen the comments column? 

    Page URL:
    http://form.jotform.us/form/50475242042143

    column width increase create Comments select all
  • Profile Image
    JotForm Support

    Answered by Kiran on February 17, 2015 at 04:27 PM

    I understand that you want to increase the width of the textbox in the matrix for comments column. This can be done by injecting custom CSS code to increase the width.

    First, we need to get the ids of the fields that needs the width increase. Right-click on the particular matrix field and select Show Properties. Assuming the second column to be increased, noting down the field IDs in the middle column.

    The CSS code to increase the width can be as follows :

    #input_7_0_1, #input_7_1_1, #input_7_2_1, #input_7_3_1, #input_7_4_1, #input_7_5_1, #input_7_6_1, #input_7_7_1, #input_7_8_1, #input_7_9_1, #input_7_10_1, #input_7_11_1, #input_7_12_1, #input_7_13_1 {

    min-width : 200px;

    }

    If you want to increase all the textboxes in the matrix, you can use the following CSS code :

    .form-matrix-values input {

        min-width: 200px;

     

    }

    Hope this information helps. Let us know if you need any further assistance. We will be happy to help.

    Thanks!