All Docs
FeaturesCSI Teachable Replacement AppUpdated March 13, 2026

Drag-and-Drop Course Builder — Section & Lesson Reordering

Drag-and-Drop Course Builder

Available from: v1.0.28

The curriculum editor lets instructors visually build and restructure their course outline using a drag-and-drop interface. You can reorder sections and lessons, add new items, and see the full course structure without leaving the page.

Overview

Organising a course no longer requires navigating between pages or manually editing sort indices. The drag-and-drop builder presents your entire curriculum — sections and their nested lessons — in one scrollable editor where structural changes are made by dragging items to their new position.

Features

Reordering Sections

Drag any section header to a new position in the course outline. All lessons nested under that section move with it.

Reordering Lessons

Drag individual lessons within a section or across sections to reorganise content. Lessons can be moved freely between any two sections in the same course.

Adding New Items

New sections and lessons can be added inline from within the curriculum editor. Buttons for adding items appear contextually — you do not need to navigate to a separate creation page.

Full Course Outline View

The editor renders the complete course structure in a single view:

  • All sections listed in order
  • Each section expanded to show its nested lessons
  • Item counts and titles visible without any additional clicks

This gives instructors an immediate, bird's-eye view of their curriculum before publishing.

Optimistic Updates

The curriculum editor uses optimistic UI updates for all drag-and-drop operations:

  1. When you drop an item into a new position, the interface updates instantly — no loading spinner, no wait.
  2. The new order is saved to the backend in the background.
  3. If the save succeeds, no further action is needed.
  4. If the save fails, the editor reverts the item to its previous position and surfaces an error notification.

This approach keeps the authoring experience fast and responsive, even under slow or intermittent network conditions.

Usage

  1. Open a course in the Curriculum tab of the course editor.
  2. Hover over a section or lesson row — a drag handle (⠿) will appear on the left side of the item.
  3. Click and hold the drag handle, then drag the item to its desired position.
  4. Release to drop. The outline updates immediately.
  5. To add a new section, click + Add Section at the bottom of the outline.
  6. To add a new lesson, click + Add Lesson inside the relevant section.

Limitations

  • Lessons cannot be dragged outside of their parent course — cross-course moves are not supported.
  • If a reorder save fails in the background, the UI will revert and you will need to redo the drag operation once connectivity is restored.
  • Content editing for individual lessons (text, video, attachments) is done separately and is not affected by this release.