Variable field (form components)
Workflow variables serve as a connecting data layer between workflows and other workflows, profiles and ETL entries.
In addition, they can be used in the conditions of transitions, for example, to control the course of the workflow.
Settings
(1) Variable: A workflow variable must be selected. The appearance of the field in the form depends on the data type of the variable . Examples: Boolean is displayed as a checkbox, Blob as a large field with HTML editor, Date as a field with calendar selection, Timestamp as a field with calendar selection and time selection. The formatting of numeric and date values depends on the language you have logged in with. Note: Use the form test (6).
(2) Language key: A language key can be specified here. If it is defined in the dictionary, its value (matching the language in which you logged in) is used instead of the name of the workflow variable field. The icon on the right can be used to select a key directly from the dictionary.
(3) Mandatory field: If this checkbox is set, the field in the form must be filled in for the state to be able to change.
(4) Attributes: CSS properties can be inserted via the context menu. Some are already selectable:
Template |
Attribute |
Description |
Read only |
read-only |
If true, the value of the workflow variable is only displayed, but cannot be changed. |
Possible values |
possible-values |
Selection values can be specified. If no radio buttons (radio-buttons) are defined, a selection list is displayed. Example: value1;value2;value3; |
Radio buttons |
radio-buttons |
Radio buttons are displayed for the field (horizontal or vertical). However, possible values must also be specified for this (possible-values). |
RegEx |
regex |
The submitted form is only accepted if the field value is covered by the regular expression. Example: ^a.*z |
Syntax Editor (Blob) |
syntax |
Syntax highlighting for the field. The variable must have the type Blob for this. Beispiel: json |
Tooltip |
tooltip |
Tooltip for the field. A language key can be specified here. If it is defined in the dictionary, its value (matching the language in which you logged in) is shown as tooltip of the field. |
Width |
width |
Width of the field. Example: 100% |
Min width |
min-width |
Minimal width of the field in pixels. Example: 400px |
Red display |
theme |
Background color of the field. Example: red |
Green color |
--lumo-primary-text-color |
When the field value is selected, the label of the field is displayed in this color. Example: var(--lobster-green) |
Big font size |
font-size |
Font size of the field. Example: 2em |
(5) Wand icon: Via another dialogue, multiple workflow variable fields can be inserted at the same time.
(6) Test form: Here you can test how your form will look like.