Showing 34 blocks

form: array input

Generates rows with inputs based on the selected fields from an array


In pins

Array field
Field to save the value in
Validation id (optional)
Default: form. If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Row render (optional)
Yes
v10.6.7
A function per field, this allows you to generate custom HTML for the selected field. For example when you would like to show a different input than the one selected by default.
Row render (optional)
Disabled (optional)
Disables all the inputs at once
Hide Label (optional)
Hides the label
Hide Remove (optional)
Hides the remove button
Hide Add (optional)
Hides the add button
Class: Label (optional)
Yes
col-4
Class that is being used for the labels
Class: Input (optional)
Yes
col-8
Class that is being used for the inputs
Class: Row (optional)
form-group row
Style: Row (optional)
Class: Label (optional)
col-4 col-form-label
Style: Label (optional)
Class: Input column (optional)
col-8
Style: Input column (optional)
Class: Input (optional)
form-control
Style: Input (optional)

Out pins

uicomponent

form: checkbox

Basic HTML checkbox element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
In Array (optional)
This needs to be set to true if the field is an array and the given value should be pushed into that array
Value (optional)
Used in combination with the in array in pin. If given will push the value into the array. If not given, true and false will be used.

Out pins

uicomponent

form: code editor

Creates a code editor based on the ace module

v10.4.21

In pins

Field
Field to save the value in
Language (optional)
Which language should be used. Example: html, css, javascript
Tabsize (optional)
How many spaces should be used on tab

Out pins

uicomponent

form: code input

Generates multiple inputs based on the given code length. It can further be specified to only allow numbers and to execute the on enter function after all inputs are filled


In pins

Field
Field to save the value in
Length (optional)
6
Defines how many inputs to show
Numbers only (optional)
false
If set to true, the inputs will only allow numbers
Alpha Numeric (optional)
false
If set to true, the inputs will only allow A-Z and 0-9
Is required (optional)
false
Checks if the code input is filled.
Validation id (optional)
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
On enter (optional)
Function will be executed as soon as the enter button is hit
Call on enter (optional)
false
If set to true the inputs will call the on enter function as soon as every input is filled
Clear on enter (optional)
false
If set to true the inputs will clear the filled fields when enter is pressed or called

Out pins

uicomponent

form: color input

Basic HTML color input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: custom checkbox

Custom stylable checkbox element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: custom file input

Custom HTML file input element

v11.0.6

In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Button Text (optional)
Your custom text that will show as your label
Empty File Text (optional)
Custom text when no file is selected

Out pins

uicomponent

form: custom radio

Custom stylable radio element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: date input

Basic HTML date input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
min. date (optional)
The minimum date that a user can start picking from (inclusive)
max. date (optional)
The maximum date that a user can pick to (inclusive).
disabled dates (optional)
A list of dates that can not be selected
enabled dates (optional)
A list of dates that can be selected

Out pins

uicomponent

form: datetime local input

Basic HTML datetime local input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
min. date (optional)
The minimum date that a user can start picking from (inclusive)
max. date (optional)
The maximum date that a user can pick to (inclusive).
disabled dates (optional)
A list of dates that can not be selected
enabled dates (optional)
A list of dates that can be selected

Out pins

uicomponent

form: email input

Basic HTML email input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: file input

Basic HTML file input element

v10.4.18

In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup

Out pins

uicomponent

form: form element

Basic HTML form element


In pins

Form Prefill (optional)
An object with all the input data to be filled. E.g. provide the current document in the storage to view in the UI.

Out pins

uicomponent

form: hidden input

Basic HTML hidden input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: label

Basic HTML label element


In pins

Out pins

uicomponent

form: label translation

Basic HTML label element with a translation


In pins

Language (optional)

Out pins

uicomponent

form: month input

Basic HTML month input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
min. date (optional)
The minimum date that a user can start picking from (inclusive)
max. date (optional)
The maximum date that a user can pick to (inclusive).

Out pins

uicomponent

form: multiple fields

Generates rows with inputs based on the selected fields


In pins

Validation id (optional)
Yes
v11.3.0
Default: form. If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Row Render (optional)
A function per field, this allows you to generate custom HTML for the selected field. For example when you would like to show a different input than the one selected by default.
Disabled (optional)
Disables all the inputs at once
Hide Label (optional)
Hides the label
Class: Label (optional)
Yes
col-4
Class that is being used for the labels
Class: Input column (optional)
Yes
col-8
Class that is being used for the inputs
Class: Row (optional)
form-group row
Style: Row (optional)
Class: Label (optional)
col-4 col-form-label
Style: Label (optional)
Class: Input column (optional)
col-8
Style: Input column (optional)
Class: Input (optional)
form-control
Style: Input (optional)

Out pins

uicomponent

form: number input

Basic HTML number input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: numpad

A panel with buttons for each number. Easy for mobile users to fill in a pincode


In pins

Field
Field to save the value in
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: password input

Basic HTML password input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: phone input

Basic HTML phone input element

tel

In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: price input

Custom input that automatically manages decimals


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
Divide (optional)
1000
Decimals (optional)
2

Out pins

uicomponent

form: radio

Basic HTML radio element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: scan input

Will be autofocused on keydown if no input is given. Executes the connected function on enter or if the given length is reached


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
On Scan (optional)

Out pins

uicomponent
On Scan
Yes

form: searchbar

Searchbar component able to search through a storage in the backend


In pins

Storage
listitems
The storage to search through
List
co-storage
An array with objects to search through.
Visible Field
Field that will be selected from the row as an input value
Stored Field
Field to save the selected fields in. It will be an object of the row that was selected by the user
Fields To Select
Fields to select from the row to save in the form
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup. As the searchbar can store multiple values, only the required will be checked
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Query (optional)
listitems
Query that will be applied by default. This can be used to restrict what the user can search for.
Event (optional)
Row render (optional)
Disable Dropdown (optional)
disables the dropdown being shown

Out pins

uicomponent
Foreach Row
Yes
v10.4.52

form: select

Basic HTML select element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
Hide empty option (optional)
Empty Option Text (optional)

Out pins

uicomponent

form: select option

Basic HTML select option element


In pins

Text
Yes

Out pins

uicomponent

form: text editor

Creates a text editor based on the quill module

v10.4.21

In pins

Field
Field to save the value in

Out pins

uicomponent

form: text input

Basic HTML text input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: textarea

Basic HTML textarea element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: time input

Basic HTML time input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: url input

Basic HTML url input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

form: week input

Basic HTML week input element


In pins

Field
Field to save the value in
Validate (optional)
Applies the given validation to the element, overwrites attributes given in the attributes popup
Validation id (optional)
Yes
v11.3.0
form
If this is set the validation will be saved with that validation id. The id can be used then later used in the form validate flow action
Event (optional)
min. date (optional)
The minimum date that a user can start picking from (inclusive)
max. date (optional)
The maximum date that a user can pick to (inclusive).
disabled dates (optional)
A list of dates that can not be selected
enabled dates (optional)
A list of dates that can be selected

Out pins

uicomponent

Groups