How to change form matrix row headers colours?

  • Profile Image
    jbefooty
    Asked on November 21, 2017 at 11:21 AM

    Is it possible to have different colours for each row inside matrix?

  • Profile Image
    Kiran
    Answered on November 21, 2017 at 12:42 PM

    I have checked your JotForm and see that the headers of the input table have already been changed. 

    151128614021112017_230925.png

    If you need any further assistance, please let us know here. We will be happy to assist. 

  • Profile Image
    jbefooty
    Answered on November 22, 2017 at 04:43 AM
    Sorry I didn't make myself clear it's not Week number it's the actual entry of the games currently black I want each one to be different colour is that possible please thanks for replying
    ...
  • Profile Image
    Kiran
    Answered on November 22, 2017 at 06:18 AM

    You may inject some custom CSS code to the form to change the color of the table headers. Please use the following CSS Code to change the color:

    tr:nth-child(2) > th {

    color: red;

    }

    tr:nth-child(3) > th {

    color: green;

    }

    tr:nth-child(4) > th {

    color: blue;

    }

    Please see the screenshot below:

    151134932822112017_164446.png

    Since the first header is empty, the number starts in the CSS code from 2. You may copy the same CSS code to use with the other rows in the Input table.


    Hope this information helps! Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image
    jbefooty
    Answered on November 22, 2017 at 07:43 AM
    Kiran
    Thankyou so much that is exactly what I want
    Regards
    John
    ...