Get the free theme
View Categories

The Outline Panel in the Canvas Page Editor

3 min read

Long Canvas pages get hard to navigate by scrolling alone. The Outline panel in the Canvas page editor, under Loupely Canvas Pro, Pages, gives you a map of the page and a way to jump around it.

What it shows

The panel, headed Outline, lists the page’s sections and headings in order, as they appear in your markup. It updates as you type, so the outline stays in step with the page while you work.

Jumping around

Click any entry and the editor scrolls to that spot and briefly highlights the line, so you can see exactly where you landed. It works whether the editor is showing the highlighted code editor or the plain textarea.

Showing and hiding it

The outline sits beside the editor at the same height, and each side scrolls on its own when its contents run long. The Hide outline control collapses the panel when you want the full width back, and Show outline brings it back. Your choice is remembered the next time you open the editor.

<lc-toy:outline-panel>
Hours

When the doors are open.

Weekdays

6 to 2, Tuesday through Friday.

Weekends

7 to 1, Saturday and Sunday.

Finding us

By the freight house at Milepost 47.