Guide Section: GUI of an EASAP | EASAP Tree: EVENT PROCESSING → ACTION

SET STYLE ACTION dynamically sets an USER INTERFACE STYLE to a USER INTERFACE object.

• This ACTION is triggered in either of two distinct ways,
  1. Single object usage as an ACTION
  2. Multiple object usage using the VALUE CHANGED EVENT
     • → Allows targetting a single “changed” object from a list of objects

SET STYLE ACTION
Essential Parameters:
Object:	The object whose USER INTERFACE STYLE will be dynamically modified.
Optional Parameters:
Style:	Raw CSS text, a USER INTERFACE STYLE or an object reference to dynamically bind to Object:
Do if:	Logical expression that if evaluates to FALSE, do not update Object:'s USER INTERFACE STYLE. Default→TRUE
Delimiter:	Character to delimit objects in Object: Default is percent sign (ie. %objectname%)

• To use SET STYLE ACTION directly,
  • Under a BUTTON or other EVENT producing object;
  • Select Child→Add SET STYLE ACTION
  • Set the target object in Object: without '%' delimiters.

To trigger SET STYLE ACTION from a VALUE CHANGED EVENT:

• Create two or more data entry objects: input1, input2, etc…
• Add an EVENT PROCESSING
• Right-click the EVENT branch,
  • Select Child→Add VALUE CHANGED
    • Set Objects: %input1%,%input2%,%input3% (delimiters are required for multiple objects)
    • Set Event Source: changedBox
• Right-click the ACTION GROUP branch,
  • Select Child→Add SET STYLE ACTION
    • Set Object: changedBox (the EVENT from Event Source: above).

Now if an object changes, only that object's STYLE will be changed.

Screenshots showing the VALUE CHANGED and SET STYLE ACTION configuration below: