Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 OnEnterin a data field
  • OnBlur: the user mouse-clicks somewhere: OnChange
  • something on the screen changes: OnChange
  • something on the screen blurs: OnBlurmoves 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 specific 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:

EventSupported components
OnClickAreas
Buttons
OnChange

Areas
Buttons
Data fields:

  • Boolean
  • Date
  • Datetime
  • Number
  • String
OnBlur OnEnter

Data fields:

  • Boolean
  • Date
  • Datetime
  • Number
  • String



Panel
borderColor#7da054
titleColorwhite
titleBGColor#7da054
borderStylesolid
titleSections on this page

Table of Contents
maxLevel3
indent12px
stylenone


  1. From the screen, open the component.
  2. In the Event Handler section, click 
    Insert excerpt
    _Add
    _Add
    nopaneltrue
     to create a new event handler.
  3. In the new event handler tab, select the Action Method.
  4. Open the repository to find the action you require.
  5. Drag the action from the repository to the Action field, 


Add to component

Action method

  • Stream Action
  • No action
  • Workflow Action