Event Handlers

This page is for application designers. It explains how to set up actions in response to an event, such as a user mouse-click.

todo-Fiona - Indraft: Layout component also needs updating as there is a new properties section

Often in an application, you want to trigger an action based on an event that occurs on the dashboard:

OnClick: the user mouse clicks in an area or on a button
OnEnter: the user presses the Enter key in a data field
OnBlur: the user moves their mouse pointer out of a data field.
The event is triggered whether or not the field has changed.
OnChange: the user moves their mouse pointer out of a data field in which they have changed data.
Notice that this event is not triggered by the user typing into a field.

You configure an event handler on a specific layout component, and link it to a stream-action or actionflow. When the user triggers the event, PhixFlow runs the stream-action or actionflow.

You can set event handlers on the following components:

Event

Supported components

OnClick

Areas
Buttons

OnChange

Areas
Buttons
Data fields:

Boolean
Date
Datetime
Number
String

OnBlur OnEnter

Data fields:

Boolean
Date
Datetime
Number
String

Sections on this page

From the screen, open the component.
In the Event Handler section, click Add New to create a new event handler.
In the new event handler tab, select the Action Method.
Open the repository to find the action you require.
Drag the action from the repository to the Action field,

Add to component

Action method

Stream Action
No action
Workflow Action