The Checklist element allows the user to select a single option from a list displayed as buttons and also optionally enter notes and add attachments. View more information about Form Element Types.
Properties
Property | Required | Type | Default | Description |
---|---|---|---|---|
type | Yes | string | 'compliance' | The type of Form Element |
name | Yes | string | N/A | The key that will be assigned a value in the submission data when the form is submitted |
label | Yes | string | N/A | Display text presented to the user above the input by default |
hint | No | string | N/A | A hint triggered by an icon tooltip to be displayed when hovering beside the element label |
defaultValue | Yes | string | N/A | The identifier of an option to be selected when the form is opened |
required | Yes | boolean | false | Determine if this element requires an option to be selected (true) or not (false) |
readOnly | Yes | boolean | false | Determine if this selected option be changed by the user (false) or not (true) |
storageType | No | string | N/A | How the media uploaded by a user will be stored: private, public, legacy |
The Checklist element also inherits the properties of the following:
Base Element
Options Element
Example Element
{"id": "b1311ae0-6bb7-11e9-a923-1681be663d3e","type": "compliance","name": "result","label": "How did it go?","storageType": "private","defaultValue": "954af543-f500-4476-9403-f2ebc6c2260e","required": true,"readOnly": false,"options": [{"id": "954af543-f500-4476-9403-f2ebc6c2260e","value": "pass","label": "Pass","colour": "#43a047"},{"id": "51a282e8-4134-4d69-a18a-10440d5f4e12","value": "fail","label": "Fail","colour": "#f44336"},{"id": "cf61d95f-658c-409f-b57e-d9c74d0fb9d1","value": "n/a","label": "N/A","colour": "#212121"}]}
Example Submission Data
Private/Public Storage
{
"submission": {
"[element.name]": {
"value": "pass",
"notes": "This is why it passed",
"files": [
{
"s3": {
"region": "ap-southeast-2",
"bucket": "customer.forms.oneblink.io",
"key": "submissions/1/attachments/44cdee6f-edbd-4620-aaf5-df25ce976e43"
},
"url": "https://auth-api.blinkm.io/submissions/1/attachments/44cdee6f-edbd-4620-aaf5-df25ce976e43",
"contentType": "image/png",
"fileName": "dot.png",
"id": "44cdee6f-edbd-4620-aaf5-df25ce976e43",
"isPrivate": true
}
]
}
}
}
Legacy Storage (Deprecated)
{"submission": {"[element.name]": {"value": "pass","notes": "This is why it passed","files": [{"fileName": "dot.png","data": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQYV2NkYGBoYGBgqGdgYGhkZGBg+M8ABSAOXAYATFcEA8STCz8AAAAASUVORK5CYII="}]}}}