Quiz Grouping
Quiz grouping creates interactive categorization tasks for courses.
Style settings
Gards
Height
Set the cards height in pixels
Width
Set the cards width in pixels
Rounding
Adjust corner radius of cards
Navigation icons
Set the color for navigation icons
Answer
Answer position
Set the answer position (Top/Bottom)
Background color
Set the background color for answers
Alignment
Set the answer alignment
Display border
Toggle border visibility around answers (Yes/No)
Border color
Define the color for answer element borders
Thickness
Set border thickness for answers
Navigation position
Set navigation position at the card corner
Answer shadow
Add and configure shadow effects for answers:
Click the "+" icon to add shadow effects.
Select from shadow styles: None, Soft, Regular, or Retro.
Drag button
Background color
Set the background color for the drag button
Hover color
Set the color that appears when users hover over the drag button
Height
Set the drag button height in pixels
Width
Set the drag button width in pixels
“Drag” icon
Upload a custom drag icon
Icon color
Set the color for the icon
Button position
Set the button position at the card corner
Group
Background color
Set the background color for the group
Alignment
Set the group alignment
Display border
Toggle border visibility around groups (Yes/No)
Border color
Define the color for group borders
Thickness
Set border thickness for groups
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.
Progress bar
Rounding
Adjust corner radius of progress indicators
Progress line (background)
Define the color for unfilled progress portions
Height
Set the height of progress indicators
Progress line (completed)
Set the color for completed progress portions
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 Quiz rrouping appearance using rich-text formatting options. These changes apply only to the Answer and Result within the Quiz 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.
Last updated