Workflow - MultiStateColor Component

In this article I will show you how to use the 'MultiStateColor' component in the Forms (Web).png 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

Form MSC.gif

Drag this onto your Form.

The Theme Style will be set to Panel.

Edit Component - Appearance MSC.png

Add in your 'Color States'

You can use the Color Picker here to choose a more accurate one.

Edit Component - Configuration MSC.png

Click on the "..." next to the 'Color Selection Model':

Add in a Matches rule that uses your variable to check - here being color:

Edit Embedded Decision Model MSC.png

Add you manual comparisons:

Matches Rule Editor MSC.png

Duplicate your 'ColorStateSelectionEndComponent' and chose a Selected Output from the previously configured list.

ColorStateSelectionEndComponent Editor MSC.png

Now you can run your Form and see the colour change accordingly.

Workflow MSC.png

Form MSC.gif

Watch out when using a Theme

Change the Background to nothing or it doesn't work.

Theme Editor MSC.png

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.