Understanding element events

Events are used to call functions when users interact with elements. See Creating events.


There are two components to every event:

• event type
• event action.

The Event type is the user interaction that calls the function. For example, On click events call functions when buttons are clicked.
There are six event types:

• On change events call functions when users change the value of the element.
• On click events call functions when users click buttons.
• On key up events call functions when users type into elements.
• On mouse enter events call functions when users move the mouse cursor over elements.
• On got focus events call functions when users click inside elements.
• On lost focus events call functions when users click off previously selected elements.

The Event action is the function called by the user interaction. For example, when submit buttons are clicked the On submit function is called and the form is submitted.

There are six event actions:

• On Submit is used to create submit buttons. See Creating submit buttons.
• On Save For Later is used to create save for later buttons. See Creating save for later buttons.
• Duplicate Parent Panel is used to create a button that duplicates its parent page layout element. See Creating duplicate parent panel buttons.
• Enable Control on Value is used to create text fields that enable one or more elements when a specific value is entered. See Creating enable control on value events.
• Enable Control on Selected Value is used to create drop-down lists that enable one or more elements when a specific value is selected. See Creating enable control on selected value events.
• Enable/Disable (toggle) is used to create checkboxes that enable or disable one or more elements based on the state of the checkbox. See Creating toggle events.