Skip to content

Sidebar Layout

A page shell: an optional header above a sidebar and a content area.

Layout widgets · widget type sidebar-layout · no data binding

Related: Grid Layout · Container · Nav List

Options

Option Values Default Description
Sidebar on Left · Right Left Which side the sidebar column sits on
Sidebar width Any CSS width, e.g. 240px, 20% Theme default Width of the sidebar column
Show header On · Off On Whether the full-width header row is present
Show sidebar On · Off On Whether the sidebar column is present
Background / Margin / Padding CSS — The shell's own surface and spacing
Sections Style / Container Style CSS Empty Styling for the slots and the outer container
Box Style Sizing and spacing — The box around the layout

Notes

  • Header, sidebar and content are slots — a Nav List in the sidebar is the usual portal shell
  • This is a page-level layout. For an even matrix of cells, use Grid Layout