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

  • 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 Screenshot 10

    2.

    1517457931jotform 2 Screenshot 21

  • Support_Management Jotform Support
    Replied on February 1, 2018 at 4: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:

    How can I adjust the width of the row labels on the Input Table field Image 1 Screenshot 20