How can I increase the column width on a Matrix?

  • Estela1127
    Asked on February 17, 2015 at 2: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? 

  • Kiran Support Team Lead
    Replied on February 17, 2015 at 4: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.

    How can I increase the column width on a Matrix? Image 1 Screenshot 20

    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!