How to add a checkbox input to a form
The Checkbox input lets you display a list of options where users can select one or more choices. It's ideal when you want to show all available options at once and give users the flexibility to choose multiple applicable responses.
Use checkboxes when:
-
Multiple selections are allowed
-
You want users to see all options without opening a dropdown or menu
-
Each option can be chosen independently of the others
To help determine the type of selection input you should use, see Best Practices for Selection Inputs and Differences in Selection Inputs.
- From the Input menu in the Form Designer, click Checkbox to add a checkbox to your form.
- Click on the Checkbox input to view the input slider.
- In the Label field, enter a label for the checkbox.
- Select the column span size for the checkbox input.
- Expand Input Options.
Toggle Show Select All Checkbox to determine whether a Select All option appears for a set of checkbox inputs. This allows you to control how the mobile app users can quickly check all boxes or individually determine whether each is marked.
Toggle Add Field to Last Option to add a field next to the last checkbox which allows the mobile app user to enter additional text or a number about the last option. For example, if your last checkbox is “Other, please specify” you can use this option to add the text right next to the last checkbox.
From the Option Orientation field select Horizontal or Vertical to control how the checkboxes are displayed. Horizontal displays the options side by side. Vertical displays the options one below the other. - Expand Style to specify the style settings for the checkbox. See Applying Styles to an Input for more information. If you justify a checkbox to the right, the box will appear to the right of the text. Checkboxes cannot be center justified.
- Expand Validations to create a validation for the checkbox. See Creating Field Level Validations for more information.
- Expand Field Condition to create a condition for the checkbox. See Adding a Field Condition for more information.
- Click
(Preview) to view how the Checkbox input will look in the app. Because the Add Field to Last Option was toggled on, there is a field after the "Other" option.