Skip to content

Multiple Selection Group Element

The Multiple Selection Group element creates a checkbox-style group where users can select multiple options from a list.


Overview

Multiple Selection Group is ideal for:

  • "Select all that apply" questions
  • Multi-choice preferences
  • Feature selection
  • Tag/category assignment

Adding a Multiple Selection Group

  1. Open the Website Builder
  2. Find Multiple Selection Group in the Elements panel
  3. Drag it onto your page
  4. Configure options in the General Tab

Properties

General Tab

PropertyDescription
Question TextLabel displayed above the options
OptionsArray of choices with text and values
Min SelectionMinimum number of required selections
Max SelectionMaximum number of allowed selections

Options Configuration

Each option has:

  • Option Text - Display text shown to users
  • Value - Internal value stored when selected

Color Tab

PropertyDescriptionDefault
Unselected BackgroundOption backgroundBlue (#2B98E0)
Unselected TextOption text colorWhite (#ffffff)
Selected BackgroundActive option backgroundGreen (#22AD41)
Selected TextActive option textWhite (#ffffff)

Dimensions Tab

PropertyDescription
Font SizeOption text size
PaddingOption inner spacing
Border RadiusOption corner rounding
GapSpace between options

Selection Constraints

Control how many options users can select:

SettingDescription
Min SelectionRequire at least X selections
Max SelectionAllow at most X selections

Example: Set min=1, max=3 to require 1-3 selections.


Visual Display

Options display as button-style choices:

[✓ Option A] [Option B] [✓ Option C] [Option D]

Selected options show with the "active" color scheme.


Use Cases

Survey - Multi-Select

Question: "Which features do you use? (Select all that apply)"
Options:
- Dashboard
- Reports
- Analytics
- Notifications
- Settings

Interest Selection

Question: "What topics interest you?"
Options:
- Technology
- Sports
- Travel
- Food
- Music
Min: 1, Max: 3

Feature Requirements

Question: "Select required features"
Options:
- User Authentication
- Payment Processing
- Email Notifications
- File Upload
- API Access

Dietary Preferences

Question: "Any dietary restrictions?"
Options:
- Vegetarian
- Vegan
- Gluten-Free
- Nut-Free
- Dairy-Free

Single vs Multiple Selection

FeatureSingle SelectionMultiple Selection
ChoicesOne onlyMultiple allowed
ConstraintsN/AMin/Max limits
Use case"Choose one""Select all that apply"
Data storedSingle valueArray of values

Best Practices

  1. Set appropriate limits - Use min/max to guide selections

  2. Keep options scannable - Use short, clear labels

  3. Order logically - Group related options together

  4. Indicate requirements - Show if selection is required

  5. Consider "None" option - Include if applicable


Questions?

If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.

Useful Links:

Web Elements - https://help.acenji.com/#/./create-web-application/elements/index Single Selection Group - https://help.acenji.com/#/./create-web-application/elements/single-selection-group/index Checkbox - https://help.acenji.com/#/./create-web-application/elements/checkbox/index

Was this article helpful?

No-Code App Builder