Gray Out Disabled Options

  • Profile Image
    Darussalam_Mosque
    Asked on November 11, 2021 at 01:45 AM

    I have managed to add in Conditional Enable Disable ... to disable the rest of the option buttons. However, I need to the disabled buttons to have their label Grayed Out too.

  • Profile Image
    Nik_M
    Answered on November 11, 2021 at 06:33 AM

    Unfortunately, that is not possible. The text color can be changed with CSS, but CSS can't be triggered with conditional logic.

    A possible solution is to duplicate the fields you are currently disabling, change the text color of duplicated fields and set them to be read-only, and set conditional logic to hide original fields and show disabled fields based on the answer.

    Demo form: https://form.jotform.com/213142499364964

    Feel free to test it and clone it.

    Related Guide: How to Clone an Existing Form From a URL

  • Profile Image
    Darussalam_Mosque
    Answered on November 11, 2021 at 09:27 AM

    Thank Nik,

    How do I change the text color (the one after the option button)?

  • Profile Image
    Basil_A
    Answered on November 11, 2021 at 09:49 AM

    Hi,

    You can change the color by changing the color property in your custom CSS of the fields labeled:

    label#label_input_##_0

    Where ## is the numbers 21 - 24.

    1636642077_618d2d1daeba2_

    Please let us know if you require any further assistance.

  • Profile Image
    Darussalam_Mosque
    Answered on November 11, 2021 at 09:58 AM

    Thanks Basil, got it.