Actions

Overview

Actions are configurable for elements, layout cell, block, page overlay, and page. All these components have the Actions tab. The Actions tab helps you to configure the actions needed for an element.

Note: The Actions tab is available for all the elements, except the Spacer, Placeholder element, and Data Table elements.

An action consists of the following parameters:

Trigger

Indicates the event which triggers an action. It has the event name. The below table lists the available triggers:

Trigger Description
click Triggers the action when the mouse is clicked on the element.
mouseover Triggers the action when the mouse is moved over the element.
mouseOut Triggers the action when the mouse is moved out of the element.
mouseEnter Triggers the action when the mouse is entered into the element.
mouseLeave Triggers the action when the mouse is left from the element.

 
dblClick Triggers the action when the mouse is double-clicked on the element.

 
mouseDown Triggers the action when the mouse button is pressed down on the element.
mouseUp Triggers the action when the pressed mouse button is released on the element.
Change Triggers the action when there is a change in the element.
onLoad Triggers the action when the element is loaded.
input Triggers the action when the input is given to the element.

 
blur Triggers the action when the element is blurred.
stateChange Triggers the action when there is a state change of the element.
keyup Triggers the action when a key is released.
enter Triggers the action when the input pointer enters the element.
focus Triggers the action when the element gets focus.

Action Type

Indicates the action to be fired when an event is triggered. Each action type can have parameters specific to it. Below are the action types and its parameters:

Action Description
Go to page Navigates to the given page. While configuring this action, you need to select the required page URL and target as either Self (opens a new page in the same tab) or Blank (opens a new page in a new tab).
Go to URL Redirects to the given URL. While configuring this action, you need to provide a URL and select the target as either Self (opens a new page in the same tab) or Blank (opens a new page in a new tab).
Change block state Changes the block state. While configuring this action, you need to provide a block ID.
Validate form Validates the form.
Validate form element Validates the form element.
Submit form Submits the form or another form. While configuring this action, you need to select the form submit type. The value can be:

  • Self – submits the same form.
  • Other – submit another form. You need to provide a form identifier:
Trigger App Functions Triggers an app function. While configuring this action, you need to provide an app block instance ID.
Analytics Event Triggers a GA function. While configuring this action, you need to select a GA function and set values for the parameters of the function. For example, for the click event of the Add to Shopping Basket button, the action can be configured as:

Note: Before configuring this action, you need to Add a Script for Analytics of a Page.
Trigger Datapoint Triggers a datapoint. While configuring this action, you need to select a datapoint and set the call-back actions given below:

  • Before Trigger – Indicates the action to be taken before triggering the datapoint. For example, you can configure it to trigger another datapoint.
  • Success – Indicates the action to be triggered if the datapoint returns a successful response.
  • Error – Indicates the action to be triggered if the datapoint returns an error response.

Note:

  • You can skip a call-back action by selecting None.
  • You can add any number of the above call-back actions using .
  • You can remove a call-back function using .
Update Variable Updates the value of the mentioned variables. If the variable is linked with the datapoint, you will also get a Refresh option. This retriggers the datapoint and updates the latest values in the variable. While configuring this action, you need to provide a set of variable details such as token and option and a list of call-back actions to be triggered after successfully updating the variable.

Note:

  • You can use to add another variable token. The Update Variable action should have at least one variable token. You can use to remove a variable token.
  • You can use to add a call-back function. You can use to remove a call-back function.

If you enter a valid variable token, the options Refresh and Update Value will be displayed. For example,
Update App Response Updates the response from the app into the mentioned variables.

Note:

  • You can use to add another variable token. The Update App Response action should have at least one variable token. You can use to remove a variable token.
  • You can use to add a call-back function. You can use to remove a call-back function.
Update Live Element Updates the live element. While configuring this action, you need to select an element name.
Go to previous page Navigates to the previous page.
Go to anchor Navigates to the bookmarked page. While configuring this action, you need to select a page, an anchor, and a transition type.

Note: For more details on how to create an anchor, see Creating an Anchor for a Block.
Overlay a Page Shows a page overlay. While configuring this action, you need to select a page overlay to be displayed.
Close an Overlay Closes a page overlay. While configuring this action, you need to select a page overlay to be closed.
Switch page language Changes the language of the page. While configuring this action, you need to provide a language.

 

Revision History 

Date   Description  Created By  Peer-Reviewed By  Approved By 
2023-06-22  Page created and content added.  AN  JP Suganya