Action buttons

In the Action buttons section, you can define table action buttons, which appear above the table.

To add an action button

1. Click + New action button.

2. [Optional] Click the and to reorder the buttons.

3. [Optional] Click to delete a button.

4. [Optional] Turn on the Show actions as ellipsis button options in table row toggle switch.

   This will add a table column with an ellipsis menu button, which displays the action button labels.

   It also displays the icon, which users can click to hide or display columns.

Action button properties

• Label

  The button label.
• Type (see examples)

  The button type. Each type has a different style.

  • Primary

  • Secondary

  • Danger

  • Ghost

  • Promo

  • Translucent

• Availability

  This determines whether the action button is clickable or not.

  • Always enabled

  • If one row is selected

  • If some rows are selected

  • If no rows are selected

• On click

  The action executed when the user clicks the button.

  • Close Form

    The form closes if the user clicks the button.
  • Callback

    A callback is executed.

    1. Choose the callback from the Callback name dropdown.

    2. Specify any request and response mappings you require

  • Open form

    A form is opened.

    1. Choose the Mode:

       • Popup

       • Sidebar

         Note

         The demo CyberApp illustrates both options.

    2. Choose the form in the Form name dropdown.

    3. [Optional] Map input parameters

  • Other

    Select the Action type from the dropdown:

    • Set Parameters

      This option allows you to explicitly set form element and input parameter values if the user clicks the button. A common use for this functionality is for a reset filters button without executing a callback.

      When you select this option, an JSON edit panel appears, where you must provide JSON to apply when the user clicks the button. The edit panel is interactive: it suggests element IDs and parameters as you type, highlights invalid IDs and parameters, and indicates invalid values.
    • No action

      The button does nothing.

Examples

Button types