In this article I will show you how to use the 'MultiStateColor' component in the Forms (Web) Project Type
This allows you to change a panel on a Web Form to a specific colour.
This can be handy for a RAG Status or Traffic light system.
In a Form under Dashboard Components there is:
MultiStateColor
Class: | LogicBase.Components.FormBuilder.Components.MultiStateColor.MultiStateColorComponent |
---|---|
Library: | LogicBase.Components.FormBuilder.dll |
Publisher: | Symantec Corporation |
Drag this onto your Form.
The Theme Style will be set to Panel.
Add in your 'Color States'
You can use the Color Picker here to choose a more accurate one.
Click on the "..." next to the 'Color Selection Model':
Add in a Matches rule that uses your variable to check - here being color:
Add you manual comparisons:
Duplicate your 'ColorStateSelectionEndComponent' and chose a Selected Output from the previously configured list.
Now you can run your Form and see the colour change accordingly.
Watch out when using a Theme
Change the Background to nothing or it doesn't work.
Original I tried 3 panels, one of each colour, with visibility rules given the matching value but this way gives more flexibility for more colour choices too.