Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
An input field control, similar to an HTML input.
Below is a screenshot of the control. This is from a create step where an admin has added Clarke and Kent in two input controls. Email and Mobile number has no value yet.
Scenarions when the control can be used:
Like above when an admin creates a new object and needs to add data about the object. You can add data controllers to an inout control to verify correct syntax, an @ for email adress, no characters for an mobile number.
You like to display data about an object. You search an LDAP directory and display a user with data about the user. The input control can be in edit or read-only mode.
Basic controls are comparable to simple HTML inputs, such as checkboxes.
A value picker component, that lets the user select a given value from a list.
type
Control implementation. Must be ValuePicker
N/A
id
Unique ID within the flow
N/A
config.required
Must have a value when leaving the step. true
/false
false
config.readonly
Open to edit by enduser. true
/false
false
config.default_value
This value is selected per default
config.options
Select options (array of JSON objects).
N/A
config.options.title
An option title
N/A
config.options.value
An option value
N/A
Markdown is a lightweight markup language that you can use to add formatting elements to a step.
type
Control implementation, must be Markdown
N/A
id
Unique ID within the flow
N/A
data
Text to display
N/A
This from a step where two lines of text, one heading and one paragraph with a line break between, using one markdown control.
This an example where three different markdowns are used in the same step. Note that each markdown need a unique id.
This an example with one markdown using lang-file to add data from a previous step. It combines string and variable data. For example. "You have selected Donald Duck." where Donald Duck is data from a previous step.
The top example is from a step. The below example is from a language file., en.json.
Click following link for a number of examples on how to use markdown in a step. https://www.markdownguide.org/cheat-sheet/
Properties for Input control
type
Control implementation
N/A
id
Unique ID within the flow
N/A
data
Value to display from session or flow. {{{flow.attribute}}} {{{session.attribute}}}
N/A
config.required
Must have a value when leaving the step. true/false
false
config.readonly
Open to edit by enduser. true/false
false
config.type
Type of input value. Valid JSON types are: string, number, integer, boolean.
string
schema.format
Validation of input data. Valid checks: strict, email, phone, postal. See below for more info.
N/A
This is an example from a create step where values are to be added. Mail and mobile have checks for correct syntax.
This is an example from a create step where values are to be added from a session. In this scenario a user has logged in using Swedish BankID.
This is an example from a step where values are to be added from a previous step or from a pipe in a previous step.
The 'config.type' determines how the control is displayed in the view.
For the type 'string' the field can be validated before it is sent to the pipe or next step. The 'strict' validation is recommended as it blocks several common special characters not suitable for Pipe/Valve data handling. Postal is post address.
A value picker component, that lets the user select a given value from a list.
The ValuePicker is often used as a drop-down list for admins to select predefined values from. See example below.
Markdown is a lightweight markup language that you can use to add formatting elements to a step.
Add one or several labels and/or descriptions text elements to a step. Example below shows a markdowns example, one label and one description.
The example can be added as one markdown or two separate markdowns.
Note. When using several markdowns in one step, make sure the id is unique.
Click following link for a number of examples on how to use markdown in a step. https://www.markdownguide.org/cheat-sheet/