Multi-Value Status Indicator (MVSI)
A read-only picklist can be rendered as a Multi-Value Status Indicator (MVSI)
Status
| Release Available | Status | Framework Name |
|---|---|---|
| 2.7.1 | Current | TBC |
Code JSON
Copy
"fieldName": "Application_Status",
"fieldUi": {
"fieldType": "multiValueIndicator",
"defaultValue": "Underwriting",
"selectOptions": [{
"optionText": "Processing",
"optionValue": "Processing",
},...]
}Compact View
Compact view for narrow horizontal space (e.g., phone).
The current highlighted status is always displayed below the dotted line.
Code JSON
Copy
"fieldName": "Application_Status",
"fieldUi": {
"fieldType": "multiValueIndicator",
"defaultValue": "Underwriting",
"selectOptions": [{
"optionText": "Processing",
"optionValue": "Processing",
},...],
"format": { "compact": true }
}Expanded content
The indicator can be configured to be expansible for extra information of each value.
Code JSON
Copy
"fieldUi": {
"fieldType": "multiValueIndicator",
"expansible": true,
"expansibleIcons": {
"expanded": "<span class=\"fa fa-angle-double-down\"/>",
"collapsed": "<span class=\"fa fa-angle-double-up\"/>"
},
"selectOptions": [{
"optionText": "Processing",
"optionValue": "Processing",
"optionExpansionContent": "..."
},...],Expanded view in the compact mode
Expanded content is in the paragraph. The information about the current highlighted status is indented.