Badge
Last modified: June 25, 2024
1 Introduction
The Badge widget shows a value inside a colored badge or label.
The widget does the following:
- Displays a value based on a configured text template
- Becomes a fully accessible button when an On click action is configured
- Offers brand styling with the Style design property
2 Configuration
To configure the Badge widget, do the following:
- Place the widget in a data container like a Data view, List view, or Template grid widget.
- Navigate to the General tab and configure the value to be displayed. The value may be configured empty as well.
Optionally, you can configure the widget further:
- Choose whether the badge should display itself like a badge or label by setting the Type configuration property
- Select an On click action to convert the badge into a button, which will execute this action when clicked on or activated with an {Enter} or {Space} key press
- Navigate to the Appearance tab and select a brand style with the Style design property to give the badge or label a suitable color
3 Widgets Below Version 2.0.0
Features:
- Attach an on-click microflow or nanoflow
- Set static data text when dynamic data is not specified
To configure the widget:
- Place the widget in the context of an object that has a value attribute.
- On the General tab, specifying the Value attribute is optional. If this is not set, a static Default value should be specified.