New web

Web pattern library, style and technical reference

Sidebar Components

Sidebar setup

Configuration

Sidebars are set up as a folder asset containing link, folder, and/or standard page assets for each individual sidebar widget. Sidebar assets are displayed in the order they exist within Squiz.

Asset type Folder
Linking type Don't show in menu / Type 2
Linking value sidebar

Position

Sidebars are now available on all standard layouts, for 'two-column with menu' and 'one-column' layouts the sidebar will display at the bottom of the page, below the main content area in a three-column stacked-grid - as part of the responsive design the width of the sidebar widgets will adapt to the available browser width, dropping from three columns down to two, and then to a single column on mobile.

Three-column

UON Header
Menu
Content
Sidebar

Two-column with menu

UON Header
Menu
Content
Sidebar

Two-column with sidebar

UON Header
Menu
Content
Sidebar

One-column

UON Header
Menu
Content
Sidebar

* Not yet available