Drop-down Menu: Dynamic Select
The drop-down menu is a clear method of showing a list of data, allowing users to pick their choice from the list. This field can be categorized into two types based on the choice of selection types offered.
Note:
For optimum results configure dynamic_select field only when the search results are more than 100. Incase of results lesser than 100, use the select field.
Attribute Name | Data Type | Description |
type* | string Value should be dynamic_select | The type of input field. For dynamic drop-down menu type must be dynamic_select |
placeholder*
| string (100) | Sample field value displayed to the user that describes the expected value of the input field. |
name* | string (50) | A unique identifier for the field. On form submission, the value defined for this key will be available in the function associated with the form. Note: Allowed characters are alphabets (lowercase and uppercase), numbers, underscore (_) and hyphen (-). a-z, A-Z, 0-9, _, - |
hint | string (100) | Provides a brief description of the field's purpose and the expected input. |
label* | string (50) | The field's display name. |
mandatory | boolean | Defines if the field's requisite is mandatory or not. Default value considered is true |
options* | array | An array of JSON objects following the structure label and value. This attribute will be considered only when the data source is list. Max no of elements - 100 { ⓘ Note: |
value | string | Provide a default input for the field by giving the value of any drop-down list item. Note: The value provided must match the value fields of any drop-down menu item. |
multiple | boolean | Define if your drop-down should be a single select or multi select field. For all multi select fields, multiple should be set as true. |
max_selections | integer Maximum selections: 10 | Defines the number of options that a user can choose from the drop-down. Note: Value for this field defaults to 1 in case of single select drop-downs. |
refresh_cutoff | integer Default: 5 | The number of drop-down items to be populated when the search results are less than this count. |
Syntax
{
"type": "dynamic_select",
"name": "",
"label": "",
"hint": "",
"placeholder": "",
"mandatory": true, //default value is set as true
"value": "",
"options": [
{
"label": "",
"value": "",
"thumbnail":""
}
]
}