Skip to content

Checkbox ​

The Checkbox element lets users select multiple options from a list.

Basic ​

Configure the element's basic properties.

Label ​

The label text displayed above or beside the field (depending on the Label position setting). It also:

  • Identifies the field in the admin interface
  • Displays as a heading in the form preview panel on the right

Unique Name ​

Identifies this element within the system. The name is auto-generated by default, but you can modify it as needed. Naming rules:

  • May only contain lowercase letters, numbers, and underscores
  • Must start with a letter

This name references the field in email templates.

Options ​

The core configuration of the Checkbox element, managing the options in the checkbox list. Each option consists of two parts:

  • Label (display text): The text users see in the checkbox list
  • Value (submitted value): The value actually sent when the form is submitted

Label vs Value

For example, when the Label is "Soccer", the Value can be set to soccer. Users check "Soccer", but soccer is submitted.

By default, the Value matches the Label (the Value input box is disabled). Enable the Customize values toggle to set a Value different from the Label for each option individually.

Option operations ​

Each option provides the following action buttons:

ButtonDescription
✓ (Default value)Set as the default checked option
🗑 (Remove)Delete this option
+ (Add)Add a new option below
📄 (Duplicate)Duplicate this option
≡ (Sort)Drag to adjust the order of options

Add options in bulk ​

In addition to adding them one by one, the following are available:

  • Add option: Add a single blank option
  • Add bulk options: Add many options at once

Description ​

Explanatory text displayed beneath the field to help users.

Validate ​

The Checkbox element supports the following validation rules:

ValidatorDescription
RequiredMarks the field as required, ensuring the user checks at least one option
Minimum checkboxThe minimum number of options that must be checked
Maximum checkboxThe maximum number of options that can be checked

Limiting the number of selections

For example, setting Minimum checkbox to 2 and Maximum checkbox to 4 means the user must check 2-4 options to pass validation.

Styles ​

Configure the element's display style.

Options layout ​

The arrangement of the checkbox options. Available options:

  • Inline: Options are arranged in a single row (default)
  • One option per line: Each option is on its own line
  • 2 columns ~ 10 columns: Options are arranged in a 2-10 column grid

Layout suggestions

Use Inline or One option per line when there are few options; use a multi-column layout when there are many options to save space.

Label position ​

Controls where the label appears. Available options:

  • Inherit: Uses the global configuration in Form style settings
  • Vertical: The label appears above the options
  • Horizontal: The label appears to the left of the options
  • Hidden: The label is not displayed

Logic ​

Enable conditional logic ​

When enabled, you can configure rules to show or hide this element based on the user's input in other fields.

Rule match mode ​

After enabling conditional logic, first set the rule match mode:

  • Match any condition (any): The element shows or hides as long as any one rule is satisfied
  • Match all conditions (all): The element shows or hides only when all rules are satisfied

Configure rules ​

Each rule consists of three parts:

PartDescription
FieldSelect a target field from the dropdown (displays the field's Label)
OperatorThe comparison condition
ValueThe target value to compare against

Supported operators ​

OperatorDescription
isTriggers when the field value equals the specified value
is notTriggers when the field value does not equal the specified value
is emptyTriggers when the field value is empty
is not emptyTriggers when the field value is not empty

Add and manage rules ​

  • Click the Add logic rule button to add a new rule
  • Click the 🗑 button to the right of each rule to delete it
  • Click the + button to add more match conditions

Example

For example, when the user checks "Other" under "Hobbies", show a text box for the user to provide details:

  • Match mode: Match any condition
  • Field: Hobbies
  • Operator: is
  • Value: Other

Data ​

Dynamic default value ​

When enabled, a Parameter name input box appears. Enter the name of a URL parameter, and the system reads that parameter's value from the URL and automatically checks the matching options.

For example, if you enter hobbies in Parameter name, and the user visits the form at:

https://yoursite.com/contact?hobbies=soccer,reading

the options with Value soccer and reading are automatically checked.

Show in email ​

Whether this field's value appears in the email notifications (enabled by default). When disabled, the field's value is not included in the submission email.

Advanced ​

Unique ID ​

The element's unique ID, auto-generated by the system. Read-only.

No filters

The Checkbox element's values come from preset options and require no filtering, so the Advanced tab has no Filters.

Next steps ​

Built with VitePress