Learn how to use a multi-checkbox to simplify how users answer questions that may have one or more value in your Smart Form.
A Multi-Checkbox field is the easiest way to present respondents with a list of options. Use a Multi-Checkbox if you want respondents to select one or more answers from a list. Answers are shown in a grid format and respondents click the answers they want to select.
Tip You can also use Checkbox and DropDown fields to create lists.
Example
Field Settings
Required
Label
Enter the text you want to show in the answer field. This could be the question or a hint to help respondents fill in the field. When the respondent begins typing, the label moves above the field.
Data Binding
Enter the data binding for the field. The data binding is used to label and store the information the respondent enters in this field.
Tip For more information on how to name your data bindings, see Assign data bindings.
Minimum # of Selections
Enter the minimum number of answers respondents must select.
Tip If you only want to allow one selection, enter 1 as the minimum and leave the Maximum # of Selections blank.
Maximum # of Selections
Enter the maximum number of answers respondents are allowed to select.
Tip You must enter a maximum to allow multiple selections.
Choices
Enter the options respondents can choose from. For each choice, enter a Label and Value.
Layout
The choices are shown in a grid format. By default, three choices are shown in each row.
Optional
Hint
Enter a short hint to help explain the question. The hint appears below the answer field.
Info-bubble HTML
Enter more information to help explain the question. Users can view the info-bubble by hovering over an icon beside the answer field. You can use HTML tags to format the info-bubble content.
Choices Explained
- Label
- Label to show on the form.
- Value:
- Value stored in the form output if the answer is selected. You can enter the value as a number or text (To make the output easier to understand, use a text value. For example, you could use the label name as the value.)
To add another choice, click + beside Choices.
To remove a choice, click ( 🗑).
To rearrange the choices, click (☰) beside a choice and drag it to a new location.
Layout Explained
The choices are shown in a grid format. By default, three choices are shown in each row.
You can change the row height and number of columns.
- Default Row Height
- Row height (in pixels).
- Default Columns
- Number of choices shown in each row.
If you want each choice to appear on a separate line, set the Default Columns to 1.
To help respondents on mobile devices, you can use different layouts depending on the screen size.
- Select the toggle beside Enable Responsive Options.
- Select BREAKPOINTS, then select a screen size (Extra Small Devices, Small Devices, Medium Devices, Large Devices.
- Set the Row Height and Columns for the screen size. By default, a 1 column layout is defined for Extra Small Devices.
