Skip to content

Pages Reference

Reference tour for Pages: Pages Manager UI, the HTML Editor entry points, and how page-building flows connect to layout and design tools.

Treat this reference tour as a quick orientation to the Pages area rather than a list of labels to memorize. It shows where page-related actions live, how the area fits into everyday editing, and what to revisit later when you need to add, organize, or inspect project pages.

Pages is the umbrella family for page selection and handoff.
Pages Manager and HTML Editor serve different jobs.
Bootstrap and App Connect are common follow-up families once a page is open.

Pages Manager is the real reference point for page selection, page creation, and page organization. In Demo Projects HQ, it shows the live folder tree and page listing that determine which page or layout you are actually about to open.

Navigation and page organization live here.
This is the first stage of the page workflow.
It is not the deepest design surface.

Keep the full Pages tree in view first. The next steps stay inside this live Pages Manager surface while the tour selects the real Pages root, moves into the layouts folder, and then points at a real layout tile from Demo Projects HQ.

This step selects the real Pages (views) root node so the rest of the reference tour stays grounded in the actual Demo Projects HQ page structure.

This step selects the real layouts folder so the reference tour can discuss folder-level actions from the actual Demo Projects HQ tree node.

This step opens the real context menu on the already-selected layouts folder. That makes page-management actions concrete: folder operations such as Rename, Delete, Upload, and Show in Explorer are attached to the actual tree node you selected.

The HTML Editor is the real destination for actual page editing. This step points at the live main.ejs layout tile from Demo Projects HQ, which is the handoff point from page management into layout and structure work.

This is where page construction happens.
Editor-specific tours belong there.
Pages family hands off into it by design.

Bootstrap and App Connect are common next families because page building often moves from structure into styling and then into dynamic behavior.

Bootstrap supports visual layout and component structure.
App Connect supports reactive and dynamic page behavior.
The sequence depends on what the page needs next.

Continue with the Pages hub for guided entry points, or move into Pages Manager, HTML Editor, Bootstrap, or App Connect for deeper detail.

Return to the Pages hub.
Use Pages Manager for page selection workflow.
Use HTML Editor, Bootstrap, or App Connect for deeper implementation detail.