Multiple Selection Widget

Allows selecting multiple values from a list of strings in an encapsulating component's view. The selected values are returned as a data table and a string flow variable.

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.

Options

Control

Label
A descriptive label that will be shown in the view.
Description
Some lines of description that will be shown in the view, for instance by means of a tooltip.
Variable Name
Variable identifier.
Selection Type
The type of the selection element. This can be either check boxes with a vertical or horizontal layout, a List or a Twinlist.
Possible Choices
The possible choices, each line is one possible value.
Default Values
Values selected by default.
Enable Search
If selected a search field to filter the available columns will be rendered above the multiple selection.
Ignore Missing Selected Values
If this option is checked, selected values that are missing from the input data will not be shown in the widget and they will be removed from the list of selected values once settings are applied. If this option is not checked missing values will be shown in the widget and need to be removed manually to pass input validation.
Limit Height
By default the List, Twinlist and Checkboxes selection components adjust their height to display all possible choices. If this setting is enabled, the number of visible rows or items can be reduced to always be the amount set in 'Number of visible rows'.
Number Of Visible Rows
The number of rows or items visible in selection component without a vertical scroll bar. Changing this value will also affect the component's height. Notice that for Twinlist the height cannot be less than the overall height of the control buttons in the middle.

Re-execution

Re-execution on widget value change
If selected, widget emits reactivity events that trigger the re-execution of downstream nodes in a component composite view when its value changes. It allows users to create interactive Data Apps and visualizations.

Input Ports

This node has no input ports

Output Ports

Icon
Table output holding the selected choices in one column with the given parameter name as column name.

Views

Interactive View: Multiple Selection Widget
Displays a value selection panel.

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.