String Widget

Creates a text input widget for use in components views. Outputs an string flow variable with a given 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

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.
Editor type
Single-line editor supports only one line text data and is represented with a text input component. It also comes with a validation based on regular expressions.
Multi-line editor supports many lines of text data and is represented with a text area component. Its sizes can be parameterized (see the options below) and the scroll bar will automatically appear, if the text is too long.
Multi-line editor width
The width of the editor in number of characters per line. Multi-line editor only.
Multi-line editor height
The height of the editor in number of text lines. Multi-line editor only.
Regular Expression
Regular expression defining valid values. Single-line editor only.
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. Single-line editor only.
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. Single-line editor only.
Default Value
The value that is selected by default.

Input Ports

This node has no input ports

Output Ports

Icon
Variable output (string) with the given variable defined.

Popular Predecessors

Views

Interactive View: String Widget
Displays a text input field which represents the string value.

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.