Select field

Data

Key Type(s) Optional Description
name string The form field name, this value must be used as the input's name key
type string Different types of form fields such as text password email select range file
label string The label for the form field
required boolean Indicates if the field is required for validation
options array optional Collection of options used by the select and range types. Only available when applicable
conditional array optional Collection of options used by the select and range types. Only available when applicable

Options

Selectable options within the select component. Only one option can be the selected one.

Key Type(s) Optional Description
name string The field name, same as the parents name
value string The value that should be used by the parent when the option is selected or picked
label string Label for the option

Conditionals

Conditional fields for the selected field. Multiple conditionals can have the same on_value value.

The data structure for conditional fields is identical to non-conditional fields.

Key Type(s) Optional Description
name string The form field name, this value must be used as the input's name key
type string Different types of form fields such as text password email select range file
label string The label for the form field
required boolean Indicates if the field is required when the on_value matches
options array optional Collection of options used by the field. Only available when applicable

Example

{
    "name": "CCOUNTRY",
    "type": "select",
    "label": "Land",
    "required": false,
    "options": [
        {
            "name": "CCOUNTRY",
            "value": "CNATIONALITY1",
            "label": "Belgiƫ"
        },
        {
            "name": "CCOUNTRY",
            "value": "CNATIONALITY2",
            "label": "Afghanistan"
        },
        {
            "name": "CCOUNTRY",
            "value": "CNATIONALITY4",
            "label": "Albaniƫ"
        },
        ...
    ],
    "conditional": [
        {
            "name": "CGERMANKEEP",
            "type": "checkbox",
            "label": "Behoud mijn gegevens na afronden sollicitatie.",
            "required": false,
            "on_value": "CNATIONALITY81",
            "options": [
                {
                    "name": "CGERMANKEEP",
                    "value": "1",
                    "label": "Behoud mijn gegevens na afronden sollicitatie."
                }
            ]
        }
    ]
}