Alter the width of the question column in a matrix?

  • Profile Image
    asecowens
    Asked on September 26, 2017 at 03:12 PM

    Hi! I found this earlier thread that asks basically the same question I have, but I can't figure out how to alter the code offered there for my specific need. 

    I want to make the first column in a matrix table (the labels at the left side of the matrix) much wider, and leave columns 1-5 narrow (they are checkboxes).  Ideally I'd like the table to span across the whole form so there is maximum room for the questions. 

    Thanks for any help!

  • Profile Image
    Kiran
    Answered on September 26, 2017 at 03:43 PM

    Please note that the code worked on a form might not work on another form since the field ID's will be changed. Please try injecting the following CSS code to the form so that the Input tables should be displayed with full width on the form.

    th.form-matrix-row-headers {

       min-width: 400px !important;

    }

    td.form-matrix-values {

      min-width: 50px !important;

    }

    Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image
    Kiran
    Answered on September 26, 2017 at 03:53 PM

    Please use the following code with a little correction which should be working fine.

    th.form-matrix-row-headers {

       min-width: 375px !important;

    }

    td.form-matrix-values {

      min-width: 40px !important;

    }

    Thank you! 

  • Profile Image
    asecowens
    Answered on September 27, 2017 at 08:12 AM

    BEAUTIFUL!  Exactly what I needed. I have to adjust each form so that the label text appears on top and the form doesn't run off the right, but that's easy. THANK YOU SO MUCH!!

  • Profile Image
    asecowens
    Answered on September 27, 2017 at 03:59 PM

    I now know that the input table was the wrong format for my questions. The sliders-with-calculated-results widget is really want I needed, so can you help formatting this one too? I'd like the widget to be full-width, to allow for the length of the options on the left. 




  • Profile Image
    Kiran
    Answered on September 27, 2017 at 04:12 PM

    You may change the width of the widget to 1200 from the field properties so that it should be displayed to full width of the form. Please see the screenshot below:

    Hope this information helps!