Lesson Navigation Sidebar
Lesson Navigation Sidebar
The lesson player includes a persistent curriculum sidebar that displays the full course structure alongside the active lesson content. This allows learners to track their progress and move through the course freely without interrupting their learning flow.
Overview
When a learner opens any lesson, the sidebar is rendered automatically on the lesson player page. It lists every section and lesson in the course in the same order defined in the course curriculum.
Features
Full Curriculum View
The sidebar shows the complete course hierarchy:
- Sections are displayed as top-level groupings.
- Lessons are nested under their parent section.
The entire curriculum is visible in a scrollable panel, so learners always have context for where a given lesson fits within the course.
Visual Completion Indicators
Each lesson in the sidebar carries a visual indicator that reflects its completion status:
| State | Indicator |
|---|---|
| Not started | Empty / default state |
| Completed | Filled / checked indicator |
Completion state is drawn from the learner's progress record and updates in real time as lessons are marked complete.
Direct Lesson Navigation
Learners can click any lesson in the sidebar to navigate to it immediately. There is no requirement to return to the course overview page between lessons. This applies to:
- Lessons earlier in the curriculum (review).
- Lessons later in the curriculum (skipping ahead, where permitted by course settings).
- The currently active lesson (no action taken).
Behaviour
- The sidebar is persistent — it remains visible throughout the lesson player session and does not collapse or hide automatically.
- The active lesson is visually distinguished from other lessons in the sidebar so learners always know their current position.
- The sidebar reflects the live course structure, meaning any section or lesson ordering defined during course creation or import is preserved exactly.
Availability
The lesson navigation sidebar is available on all courses hosted on the platform, including courses imported from Teachable via the scraping and import engine. No additional configuration is required to enable it.