How to change selected background color in MultiSelect Grid?

  • Profile Image
    iamtomcrick
    Asked on August 30, 2020 at 03:41 PM

    I have created the following MultiSelect Grid:

    https://form.jotform.com/202424536245046

    At present, it highlights grey when a cell is selected. I would like it to highight green when selected. Can someone help?

    Best regards,

    Tom

  • Profile Image
    Ed_Hughes
    Answered on August 30, 2020 at 07:19 PM

    Hi Tom, 

    Sure, this is possible. You'd need to add the follow CSS:

    td.selected {

        background: green;

    }

    And then when selected they would appear like this:

    1598829308Screenshot 2020-08-31 at 00.14

    In order to add the CSS click the 'Widget Settings' option on the side of the element:

    1598829364Screenshot 2020-08-31 at 00.15

    And then click to the 'Custom CSS' tab:

    1598829390Screenshot 2020-08-31 at 00.15

    Then, once entered, click 'update widget'. You can either enter 'green' for the colour, or you can enter a hex value. If you Google 'Hex Colour Picker' (here's a link) there's actually one at the top of the page, once you have your colour take the 'hex' value eg here it would be #eb4034:

    1598829556Screenshot 2020-08-31 at 00.18

    Hope this helps!