Overview
Use single checkboxes to enable binary selections, representing a true or false state. Single checkbox are often used to allow users to confirm completion or grant authorization.
Add a Single Checkbox to Your Form
Drag and Drop Single Checkbox
To add a single checkbox, open the Component Selector from the left panel. Expand the 'Selectors' section to find and select the 'Single Checkbox' component.
Place the Single Checkbox on Your Form
Drag the 'Single Checkbox' component from the Component Selector and drop it onto the desired location in your form canvas to add it.
Configure Checkbox Properties
Assign a Name to the Checkbox
To manage the checkbox data, assign it a unique name. Select the checkbox on your form, then enter a descriptive name in the 'Name' field within the Control Properties panel.
Name vs. Label
The 'Name' is used for backend logic and data, while the 'Label' is the text users see on the form.
Set the Checkbox Label
Provide clear instructions for users by setting the checkbox's visible label. With the checkbox selected, input the desired text in the 'Label' field in the Control Properties panel to communicate its purpose.
Define the Initial Checkbox Value
Set the checkbox's default state by defining its initial value. In the Control Properties panel, adjust the 'Initial' setting to 'true' for a pre-checked state or 'false' for an unchecked state when the form loads.
Validate Checkbox Functionality
Test Checkbox Interaction
Confirm the checkbox responds to user input by switching to the form's preview mode. Click the checkbox to observe it toggle between checked and unchecked states.
Verify Checkbox Operation
Ensure the checkbox operates correctly by verifying its functionality. After interacting with the checkbox in preview mode, confirm its state visually updates as expected.