1 of 2

ValuePicker

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.

Properties

A value picker component, that lets the user select a given value from a list.

Name

Description

Default

Mandatory

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

{
    "id": "<enter_unique_id_for_this_control>",
    "type": "ValuePicker",
    "config": {
        "required": true,
        "default_value": "{{ flow.preferred_auth }}"
        "options": [
          {
            "title": "Username/Password",
            "value": "uidpwd"
          },
          {
            "title": "BankID",
            "value": "bankid"
           }
      ]
    }
}

{
    "id": "<enter_unique_id_for_this_control>",
    "type": "ValuePicker",
    "ui": {
        "ui:size": {
            "md": 6
        }
    },
    "config": {
        "required": false,
        "options": [
            {
                "title": "Human Resources",
                "value": "hr"
            },
            {
                "title": "Sale",
                "value": "sale"
            },
            {
                "title": "IT",
                "value": "it"
            },
            {
                "title": "Engineering",
                "value": "engineering"
            }
        ]
    }
}

Properties

A value picker component, that lets the user select a given value from a list.

Name

Description

Default

Mandatory

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

{
    "id": "<enter_unique_id_for_this_control>",
    "type": "ValuePicker",
    "config": {
        "required": true,
        "default_value": "{{ flow.preferred_auth }}"
        "options": [
          {
            "title": "Username/Password",
            "value": "uidpwd"
          },
          {
            "title": "BankID",
            "value": "bankid"
           }
      ]
    }
}

{
    "id": "<enter_unique_id_for_this_control>",
    "type": "ValuePicker",
    "ui": {
        "ui:size": {
            "md": 6
        }
    },
    "config": {
        "required": false,
        "options": [
            {
                "title": "Human Resources",
                "value": "hr"
            },
            {
                "title": "Sale",
                "value": "sale"
            },
            {
                "title": "IT",
                "value": "it"
            },
            {
                "title": "Engineering",
                "value": "engineering"
            }
        ]
    }
}