/
Actions

Actions

Overview

Action Creation

  • Click on the + icon

Create Actions

Attributes

Label

  • The label is a short description given of the Action

  • Generally, the label is displayed at the top right corner

Icon

  • You can select the icon from the icon picker which you want to display on the action button

No Icon

If the checkbox is true, then the icon is not displayed on the button

Variants

  • Allows to show Buttons actions in different color formats

  • The Actions come in five variants

    • Neutral: Neutral is the default variant of the Button which is displayed in white color

    • Brand: Brand is a blue Button, used to draw attention to the primary action on a page

    • Outline-brand: Outline-brand is similar to the brand variant but the color is used for the label and border only, not the Button color

    • Destructive: Destructive is a red Button used to warn that the action has a negative effect

    • Success: Success is a green Button used to indicate a successful action

Visibility Type

There are three types of Visibility

  • Never: The Action cannot be visible

  • Always: The Action will be always visible

  • Conditional: Depending on the visibility criteria, the Action can be set as visible or not

Disability Type

There are three types of Disability

  • Never: The Actions cannot be disabled

  • Always: The Actions will be always disabled

  • Conditional: Depending on the disability criteria, the Actions can be set as disabled or not

Note: For more information about Visibility Type and Disability Type Please refer Common Config Page

Example of Click Action

  • Go to Events

  • Go to click>search and select Toaster from the Action drop-down

  • Click gear icon

  • Select Action e.g you give success action

  • Click on the Save button

  • Save the layout and run the layout

  • Click on Preview

  • After clicking on the button the click action will be displayed

  • You can give four types of click actions as follows

    • Success

    • Error

    • Warning

    • Info

Example of OnLoad Action

  • Go To Events

  • Go to Onload>search and select Toaster from the Action drop-down

  • Click on the gear icon

  • Give Action e.g you give success action

  • Save the layout and run the layout

  • Click on Preview

  • In Preview mode, the Onload action will be displayed

  • You can give four types of Onload actions as follows

    • Success

    • Error

    • Warning

    • Info

 

Related content

Button
Button
More like this
UI Actions
More like this
Button Group
Button Group
More like this
Layout Actions
More like this
Button Group
More like this
Toaster
More like this