Using the Button Widget

The Button widget allows to trigger an action, which can be customized or selected from default samples provided by the Platform.

Customization consists of choosing the icon, label, color and background color, hovering color and background color, size, style and tooltip text of the button. Those options are available in the General tab in the widget configurator.

The widget settings can be edited using a dedicated configurator.

Button Widget Configurator

The upper tab allows configuring the:

  • Custom Controller in charge of customizing the widget behavior, set to None by default.

The main tabs allow configuring the:

  • General properties of the widget, such as the:

    • Label to display on the button,

    • Tooltip text to display when hovering the button,.

    • Style which can be solid (simple) or link (underlined).

    • Size which can be normal or small.

    • Colors of the widget, using the dropdown palettes to set the background and text colors,

    • Hover Colors of the widget, using the dropdown palettes to set the background and text colors,

    • Icon to display in front of the text.

  • Action properties to associate the widget with an action. Custom actions can be registered using the dedicated API. For more details, please refer to Section Using the Action API.

    Here are the sample actions provided by the Platform:

    • web/src/app/modules/sample-actions/actions/sample-action-copy-url.ts allows to perform a copy to clipboard of the current application URL.

    • web/src/app/modules/sample-actions/actions/sample-action-hello-world-with-data.ts allows to use parameters and dynamic data.

    • web/src/app/modules/sample-actions/actions/sample-action-open-webpage.ts allows to open a URL through a new web browser page, with preconditions.

    • web/src/app/modules/sample-actions/actions/sample-action-scenario-info.ts allows to display information on a scenario and, through dynamic data and parameter resolution, add it to the Actions menu in the Scenario List widget.

    Button Widget Actions