Skip to main content
Feedback

Checkbox list component

Add a checkbox list component to a page.

Overview

Add checkbox list components to a page to capture user inputs in a flow using a checkboxes.

General settings

Configure the general settings for the component.

SettingDescription
NameEnter a name for the checkbox list component.
LabelEnter a label for the checkbox list component. The Label is displayed above the component by default. Do not enter a label if you do not require this text to be shown.
EditableSpecify if the component can accept user input. For example, if a user can select a checkbox list button.
1. Select the checkbox to allow the component to accept input from a user.
2. De-select the checkbox to prevent a user from being able to input or interact with the component.
Help information about this componentDisplay help text directly below the component, for example to provide further information on how to use the component.

Data source

Choose the data source for the component.

Get the data from a Connector: Retrieve the list data from a connector.

  • Select the type for the data that you wish to display in the The Type of data to be provided field. This will determine the properties that you can select.

  • Select the type binding in the The Binding that should be used to get the data drop-down menu.

  • Add a Filter in the Data source filter section if required. See Type Bindings and Data action filters.

Get the data from a List Value: Retrieve the list data from a list value.

  • Click Select or create a new Value to choose an existing list value or create a new list value.

State

Select the value that you wish to save the user input data into.

  • Save the component state into: Click Select or create a new value to select an existing value or create a new value.

Data presentation

Click Add Column in the Data Presentation section to specify the tile properties that you wish to display.

  • The first defined property column is displayed as the heading of the tile, the second defined property column is displayed as a paragraph in the body of each tile.

  • All other property columns are displayed at the bottom of the tile body using a "Label: Content" format.

Styles

Apply additional CSS styling to the component.

  1. Enter space-delimited CSS classes/selectors into the CSS Classes field.

When you run the flow, these classes are appended to the main component class.

On this Page