Badge

Last modified: March 15, 2022

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:

  1. Place the widget in a data container like a Data view, List view, or Template grid widget.
  2. 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:

  1. Place the widget in the context of an object that has a value attribute.
  2. On the General tab, specifying the Value attribute is optional. If this is not set, a static Default value should be specified.