How can I adjust the width of the row labels on the Input Table field

  • Profile Image
    BeverlyT
    Asked on January 31, 2018 at 11:06 PM

    When I'm in the edit mode, the multi choice area shows the 1st column with all the text in 1 line.  This is the case also when it is filled in and sent.  The diagram below shows how it is viewed by others. I've attempted the design page and can't figure it out.  How can I adjust this so the client can see it the way I do, see 2nd diagram.  Thank you for your assistance.


    1.


    1517457421jotform.jpg

    2.

    1517457931jotform-2.png

  • Profile Image
    Jim_R
    Answered on February 01, 2018 at 04:10 AM

    The 2nd image you have on your post are the results you get via email. If your aim is to emulate that same appearance, where the row labels occupy a wider width, try injecting the following CSS CODES to your FORM BUILDER:

    .form-matrix-table, .form-matrix-table th {

        width: 100% !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes

    Result: