User Tools

Site Tools


SET STYLE ACTION

Guide Section: GUI of an EASAP | EASAP Tree: EVENT PROCESSINGACTION


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%)

Single Usage

  • 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.


VALUE CHANGED for Multiple Objects

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:


Page Tools