Grouping

Grouping creates interactive categorization tasks for courses. Use it to design engaging exercises that improve comprehension, help learners recognize patterns, and demonstrate how different elements connect within your subject matter.

Style settings

Property	Description
Group
Background color	Set the background color for group containers
Rounding	Adjust corner radius of group containers
Border color	Define the color for group container borders
Thickness	Set border thickness for group containers
Answer
Background color	Set the background color for answer elements
Rounding	Adjust corner radius of answer elements
Display border	Toggle border visibility around answer elements (Yes/No)
Border color	Define the color for answer element borders
Thickness	Set border thickness for answer elements
Icon
Answer icon upload	Upload a custom icon for answer elements
Icon color	Set the color for icons within answer elements
Background color	Define the background color for icon containers
Hover color	Set the color that appears when users hover over icons
Progress bar
Rounding	Adjust corner radius of progress indicators
Progress line (completed)	Set the color for completed progress portions
Progress line (background)	Define the color for unfilled progress portions
Height	Set the height of progress indicators
Effects
Group shadow	Add and configure shadow effects for group containers: Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.
Answer shadow	Add and configure shadow effects for answer elements: Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.
Margins
Card paddings	Set internal spacing for cards (top, right, bottom, left)
Margin from answers	Define spacing between group containers and their answer elements
Margin between groups	Set spacing between different group containers

Typography settings

Customize Grouping appearance using rich-text formatting options. These changes apply only to the Answer and Result within the Grouping element and do not affect other text elements.

You can modify the following properties:

• Font

• Style

• Size

• Line spacing

• Color

For details on how to configure parameters in rich-text options, see Typography and fonts.