How can I increase the column width on a Matrix?

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

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