Page layouts¶

This page is the glossary of layout regions: the named building blocks the admin pages are assembled from. Each view page (Detail, List, …) uses these region names as its headings and describes what fills them for that view. This page defines what each region is.

Each region maps to a CSS class (the kebab-case of its name, so Right sidebar becomes .right-sidebar) and to an ARIA aria-label equal to the region name. Theming hooks and the accessibility tree share one vocabulary, which makes both restyling and screen-reader navigation predictable.

Global components¶

Present on every page.

The left navigation rail linking the major admin sections.

The top bar: site title, search, and account controls.

The bottom bar: version info and links.

Object page regions¶

The building blocks the object views are assembled from.

Sub-header¶

The bar above the content area: object name, ID, and page-level actions (for example a "view public" button and the status badge).

Content area¶

The main centre column of a page. Its contents depend on the view.

The narrow column beside the content area, used on the detail view for the thumbnail, status and visibility controls, flags, class, and quick actions. These fields are edited inline here, each saving immediately on change.

Filter bar¶

The controls above a list view's table for searching and filtering.

Data table¶

The paginated, sortable table of objects on a list view.

Dashboard regions¶

Profile¶

The signed-in user's summary (name and role).

Quick actions¶

Shortcut buttons for common tasks.

Recently created / edited¶

A feed of the most recently touched objects.

Public pages¶

The public site reuses a subset of these regions: Footer, Sub-header, Content area, and Right sidebar. The public primary navigation bar is not one of the glossary regions. It is a top navigation rather than the admin Sidebar or Header, so it stays outside this vocabulary.