Matrix column width adjustment

  • Ecoideasinno
    Asked on July 9, 2017 at 10:16 AM

    HI

     

    I HAVE TRIED TO ADJUST THE COLUMNS SO EVERYTHING FITS BUT JUST CANNOT MAKE IT WORK

  • Jan
    Replied on July 9, 2017 at 12:20 PM

    Please give me more time to work on this issue. I will contact you once I have a solution available. Thank you for your patience.

  • Ecoideasinno
    Replied on July 9, 2017 at 1:43 PM
    Great, thanks! Can you also look into freezing the headings as you scroll
    down so they are visible ? The list is long and cannot see the headings
    lower down the list
    ...
  • Jan
    Replied on July 9, 2017 at 1:55 PM

    I can see that you already inserted a custom CSS that targets the Input Table columns. Please inject this additional CSS code to fix the issue:

    .form-matrix-table {
       white-space: normal !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes . Here's the result:

    Matrix column width adjustment Image 1 Screenshot 20

    Hope that helps. Thank you.

  • David JotForm Support Manager
    Replied on July 9, 2017 at 3:07 PM

    Please inject the following CSS code to freeze the heading: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #cid_3 tr:nth-of-type(1) {

        position: fixed;

        margin-top: -2.7%;

        margin-left: 7.4%;

    }

    .form-matrix-column-headers {

        width: 86px;

     

    }

    Result:

    Matrix column width adjustment Image 1 Screenshot 20

  • Ecoideasinno
    Replied on July 9, 2017 at 5:43 PM
    Thank you. One last question...is there a way of bolding some of the items
    in the first column?
    ...