format a table in a form

  • ColasRoadbridge
    Asked on November 8, 2019 at 9:42 AM

    On our form listed below we have added new lines to the input table and wish the table to be formatted colour toned as per the screenshot included below.

    Jotform Thread 2033561 Screenshot
  • Ivaylo JotForm Support
    Replied on November 8, 2019 at 10:59 AM

    Please try to inject the following CSS code:

    tr:nth-child(17) > .form-matrix-row-headers {

      background: #EDFD10;

    }

    tr:nth-child(18) > .form-matrix-row-headers {

      background: #DB7093;

    }

    tr:nth-child(19) > .form-matrix-row-headers {

      background: #D534C5;

    }

    tr:nth-child(20) > .form-matrix-row-headers {

      background: #D83838;

    }

    tr:nth-child(21) > .form-matrix-row-headers {

      background: #D83838;

    }

    tr:nth-child(22) > .form-matrix-row-headers {

      background: #D83838;

    }

    tr:nth-child(23) > .form-matrix-row-headers {

      background: #D83838;

    }

    tr:nth-child(24) > .form-matrix-row-headers {

      background: #D83838;

    }

    In order to inject the CSS code, you can follow this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know if you need any further assistance.