Checkbox
Last updated
Was this helpful?
Last updated
Was this helpful?
The Checkbox Web control is a visible indicator of the selection state. It can be used in a Checkbox List and will have a Value bound to the selected state of the , or it can exist on its own and have a Value defined by its Data Binding.
To be able to align the Checkbox with a line of text, a must be added first. This Container will include a Checkbox and a Label describing the item it corresponds to.
There are no properties when rendered within a Checkbox List. The List and Checkbox Cell give the Checkbox the data associated with its selection.
There is only a Data Binding Property to Selected outside of a list. This property is a Boolean to determine whether the Checkbox should be selected or not.
The Checkbox Cell performs the actions for the Checkbox in this case. There are no actions on the Checkbox.
Value Changed- gets fired when the selection state of the checkbox is changed. Check out to find all the available actions.
Default - When first rendered without state
Hover - When the user is hovering over the checkbox
Focused - when the checkbox or checkbox cell is focused.
Pressed - when the checkbox is being pressed.
Selected - when the data binding evaluates to true.
Disabled - When the cell is disabled.
Checkboxes can be used in a Checkbox List to display the selection state on a list of items:
Checkboxes are also commonly used to confirm consent.
In this example, the Checkbox operates by itself and exists without a Checkbox List. To be able to align the Checkbox with a line of text, a Container Web Control must be added first. This Container will include the Checkbox and a Label describing the item it corresponds to. An automatically generated variable will hold its value.
Checkboxes behave like a . This means that Checkboxes have styles for the following states:
To enable this, place a Checkbox within a within a . The Cell and List will maintain the state of the Checkbox.
