Gray Out Disabled Options

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.

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

Thank Nik,

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

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.

Please let us know if you require any further assistance.

Thanks Basil, got it.