Contents

Contents creates a navigable course structure that displays chapters, pages, quizzes, and other learning elements in a hierarchical format.

Style settings

Property	Description
Icons
"Chapter" Icon	Upload or select a custom icon to represent chapter-level elements in the contents structure
"Page" Icon	Upload or select a custom icon to represent individual content pages
"Quiz" Icon	Upload or select a custom icon to represent quiz or assessment sections
Section
Hovered	Define the color that appears when users hover over section items in the contents list
Disabled	Set the color for content sections that are not yet available to learners
Progress
Progress line (background)	Set the color for the progress tracking line in its incomplete state
Progress line (completed)	Define the color that shows completed portions of the learning progress
Display border	Toggle border visibility around the contents component (Yes/No)
Border color	Set the color for the border around the contents area
Thickness	Adjust border thickness of the contents container
Margins
Margin from icon	Set the spacing between icons and text labels in the contents list
Margin between sections	Define the vertical spacing between different sections in the contents list
Margin from progress bar	Set the distance between the progress indicator and content items
Margin from collapse	Adjust the spacing from collapse/expand controls
Collapse
"Collapsed" icon	Upload or select a custom icon to indicate collapsed sections
"Expanded" icon	Upload or select a custom icon to indicate expanded sections

Typography settings

The Typography tab provides options for customizing font, style, size, line spacing, and color for the following components:

• Chapter

• Section

• Description

For details, see Typography and fonts.