Documentation

All the information you need in one place

How to Use the Checkbox Group Field in Nelio Form

The checkbox group field in a form is the designated field for users to enter certain data by checking or unchecking multiple boxes, whether you want the user to select from a set of activities, or food dressings, or to any other preferences you wish them to fill in.

In this entry, we’ll show you all the options available for the checkbox group field with Nelio Forms.

Adding a Checkbox Group Field to Your Form

When creating a new form or editing an existing one, adding an additional checkbox group field is as easy as adding a new Checkbox field block in the block editor. You can use the Block Inserter + icon, or a shortcut slash command or use the More options on any of the block’s toolbar to insert a block.

Adding a checkbox group field to a form
Adding a checkbox group field to a form.

You should add a descriptive label (the checkbox group field by default has an empty label) if you want it to be accessible.

Add a label to the checkbox group field
Add a label to the checkbox group field.

Below, there is an example of the use of a checkbox group field in a form.

Preview of a checkbox group field
Preview of a checkbox group field.

Editing, Adding, and Removing Checkbox Choices

One of the key features of the Checkboxes field is that it lets users select multiple choices. To edit the label for a checkbox, just type your desired text into the field provided.

Edit a choice in a checkbox group field
Edit a choice in a checkbox group field.

You can preselect any choice by clicking on the checkbox to the left of its label.

Checkbox group field with prechecked options
Checkbox group field with pre-checked options.

To delete a choice, just click on the Trash icon. You can also add additional options by clicking on the Add option icon.

Add new choices in a checkbox group field
Add new choices in a checkbox group field.

Checkbox Group Field Settings

In the sidebar, you can set the the following checkbox group field properties:

  • Set the display style of the group of checkboxes, whether to display them in a single column or in a horizontal layout,
  • Set whether the field is required.
Checkbox group field settings
Checkbox group field settings.

Moreover, as any other block, you can add additional CSS classes to change the styling of the block.