Showing 28 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
Form id (optional)
Default: form. If this is set the validation will be saved with that form 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
Hide Remove (optional)
Hides the remove button
Hide Add (optional)
Hides the add button
Class: Label (optional)
col-4
Class that is being used for the labels
Class: Input (optional)
col-8
Class that is being used for the inputs

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
Form id (optional)
form
If this is set the validation will be saved with that form 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: 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (optional)

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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (optional)

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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent

Form: Editor

Basic HTML textarea element

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: 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
Form id (optional)
form
If this is set the validation will be saved with that form 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

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
Form id (optional)
form
If this is set the validation will be saved with that form 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: 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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (optional)

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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
The storage 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
Query (optional)
Query that will be applied by default. This can be used to restrict what the user can search for.
Event (optional)
Row render (optional)

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
Form id (optional)
form
If this is set the validation will be saved with that form 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 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form 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
Form id (optional)
form
If this is set the validation will be saved with that form id. The id can be used then later used in the form validate flow action
Event (optional)

Out pins

uicomponent