Homepage | About EASA | Contact
Sidebar
Table of Contents
SET STYLE ACTION
Guide Section: GUI of EASAPs | EASAP Tree: EVENT PROCESSING→ACTION
SET STYLE ACTION dynamically sets an USER INTERFACE STYLE to a USER INTERFACE object.
This ACTION is triggered in two distinct ways:
- Single object usage as an ACTION
- Multiple object usage using the VALUE CHANGED EVENT (allows targeting a single “changed” object of multiple 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: | 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.
Multiple Usage with the VALUE CHANGED EVENT
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 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:
