List Box Widget

Creates a text area input widget for use in components views. Outputs a data table with one column holding a list of strings.

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

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.
Separator
An undelimited list of char separators including \n and \t. All tokens are used as delimiters.
Separate at each character
If enabled the input value will be split into a list of characters, the separator will be ignored.
Omit Empty Values
If enabled empty values will be omitted from the output table and do not have to pass the check for validation.
Regular Expression
Regular expression defining valid values.
Validation Error Message
Message that will be shown if one of the values is not valid. The character ? will be replaced by the invalid value.
Common Regular Expressions
A set of regular expression templates for common inputs. With the assign button you assign the regular expression and the corresponding error message to be the current settings.
Default Value
The value that is selected by default.
Number of visible options
A number of options visible in the List Box component without a vertical scroll bar. Changing this value will also affect the component's height.

Input Ports

This node has no input ports

Output Ports

Icon
Variable output with the given variable defined and the selected option as index.

Views

Interactive View: List Box Widget
Displays a text area input field which represents the string value(s).

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.