What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Matrix column width adjustment

    Asked by Ecoideasinno on July 09, 2017 at 10:16 AM

    HI

     

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

    Page URL:
    https://form.jotform.com/71893674653268

  • Profile Image
    JotForm Support

    Answered by Jan on July 09, 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.

  • Profile Image

    Answered by Ecoideasinno on July 09, 2017 at 01: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
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on July 09, 2017 at 01: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:

    Hope that helps. Thank you.

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 09, 2017 at 03: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:

  • Profile Image

    Answered by Ecoideasinno on July 09, 2017 at 05:43 PM
    Thank you. One last question...is there a way of bolding some of the items
    in the first column?
    ...