I have a form I am creating with about 40 choice fields that I am rendering as buttons. I would like the buttons to stand out more and would like to change the default from white to maybe orange.
Is there an easy way to set this globally on the form?
Solved! Go to Solution.
This should be possible via a custom css class that you have to apply to all desired controls. There's a a thread with a short explanation by Jan Eyres, hope this will help you:
Add a custom css class to your control
Then in form settings under custom css add the following:
This will make all buttons orange
If you want to change the selected button colour, add these extra lines
This will make the selected option lightgreen.
PLEASE play with the colours, i am a developer not a designer!!
Thanks for the suggestions I will try these out. I am assuming there is no way to set this globally on the form and each control needs to reference the css function we add
I have added the cstom CSS and it shows up fine on the designer, however when i preview or publish the form it does not pick up the changes. I would like to mention that there is custom JS running on the same control as well. not sure if that is making any difference. i have attached the screenshot of my control settings as well as form settings.