Value Selection Widget

Creates a value selection widget for use in components views. Outputs a string flow variable with the name of the selected value.

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: Type of the selection panel.
Lock Column: If selected the column is locked and can not be selected from within the view.
Default Column: The column containing the values.
Default Value: The value that is selected by default.
Limit number of visible options: By default the List component adjusts its height to display all possible choices without a scroll bar. If the setting is enabled, you will be able to limit the number of visible options in case you have too many of them. The setting is available only for List selection type.
Number of visible options: A number of options visible in the List component without a vertical scroll bar. Changing this value will also affect the component's height. The setting is available only for List selection type.

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

: Table containing the values to be selected.

Output Ports

: Variable output (string) with the selected value name. Additionally the chosen column name is output as a separate flow variable.

Popular Predecessors

Popular Successors

Views

Interactive View: Value Selection Widget: Displays a column selection panel.

Workflows

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.