General Steps for the ECA Process:
Note: The ECA process is used in most cases where you want different
functions to be hidden or displayed in one page, without navigating
to different pages to access particular functions
Step 1: Create an Event
Step 2: Set the Conditions for an Event
Step 3: Determine the Actions for a given Condition
Creating an Event
To create an Event take
the following steps:
- Select a widget from a completed user interface, and select the
Properties tab.

- Select the + Button in the Rules List, to bring up the Add Rule
dialogue box

- Create a name for your rule in the Add Rule dialogue box.
- Add a description for the rule (Optional).
- Select the + button in the Event panel of the Add Rule dialogue
box to add an event.
- Click the + button next to the Form icon, to display the list
of available widgets (select widget from list).

- Select the event from the list of Events, and click OK.
- From the Rules List (Properties Tab), click the Rule Name or
Event, to display the Condition panel.

Next Step: Set the Conditions for the Event.
Set
the Conditions for an Event
In the condition panel you
can set the condition related to an event. Within the condition panel
you will have the following options:
- No Condition - In this situation there is no condition
for the event.
- Widget Function - The option will allow you the ability
to set the event, conditions, and actions which are bound to a selected
widget.
- Widget Property - This option allows you to set a condition
to the widget property.
- Expression - Here you have the ability to create an expression
to set the conditions for your event.

Adding
a Widget Function
To set the Conditions for a Widget Function
take the following steps:
- Select Widget Function from the combination box on the Conditions
panel.
- Select a widget from the list that you want to apply a function
to (Click the + button).
- Select a function from the adjacent list of functions.
- Click Apply Value.

Adding
a Widget Property
- Select Widget Property from the combination box on the Conditions
panel.
- Select a widget from the list that you want to apply a function
to (Click the + button).
- Select a function from the adjacent list of functions.
- Click Apply Value.

Adding
an Expression
- Select Expression from the combination box on the Conditions
panel.
- Click the browse button to add a value for the Left side of the
expression.
- Select an Operator for the expression.
- Click the browse button to add a value for the Left side of
the expression.
Example:
If you wanted to create a rule which
stated that a text box field could not be null, you would take the
following steps:
- Select Expression from the Conditions panel.
- Click the browse button to add a value for the Left side of the
expression.
- Select Widget Property, then the selected widget, then value
- Select the != for the Operator expression.
- Click the browse button to add a value for the Left side of the
expression.
- Enter “ (blank string) for constant value.
- Click Apply Value.

Adding
an Action
For adding an action to an event there are two
tabs to consider (1) Action If True, and (2) Action If False. However
the procedure to add an action to an even is the same.
- Click a widget on the XUI editor, in which you want to apply
an action to.
- Select the Properties tab, then select the Rule tab.
- Click the + button in the Action panel to add action to an exiting
event.
- Select Widget Property from Please Select A Value dialogue window.
- Click the + button in the Invoke Widget Function panel, and select
a widget.

- Select an action from the adjacent column.
- Click the browse button next the Set Property Value text box.
- Enter a value in the Constant text box, and click OK.
Example:
If the user wanted to create an event
for the following rule, where for the Account Number text box could
not be null. The user would create an rule for the event (see Creating
An Event), then set the conditions in this situation we created
an expression Text02.Value != “ (also see Adding an Expression).
Once these steps are complete, the last step in this process is to
add an action.