Use the <checkbox> tag to add and configure a checkbox field.
Available attributes:
| Attribute | Type | Mandatory | Description |
|---|---|---|---|
| class | String | N | Specify the CSS class name defined in the CSS field of the widget. |
| isMandatory | Boolean | N | Set the value to true to make the field mandatory. The default value is false. |
| isVisible | Boolean | N | Set the value to false to hide the tag. The default value is true. |
| label | String | N | Describe the field content by giving it a title. |
| model | String | Y | Specify this attribute to connect the client controller data object. When the model data changes, it is automatically transferred to the data of the client controller. |
| readOnly | Boolean | N | Set the value to true to make the field read-only. The default value is false. |
| style | String | N | Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax. |
| value | String | N | Set the value to true to make the checkbox selected by default. The default value is false. |
Example:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<checkbox model="data.active" label={data.activeLabelTitle}"Infrastructure Incident" value="true"></checkbox> |
The template above adds a selected blue checkbox to the page: 