New web

Web pattern library, style and technical reference

Sidebar Components

Highlight widget

A highlight widget can be used in your sidebar to promote a specific page, alternatively you can add a highlight carousel that will display upto 5 pages.

Highlight widget (single)

Asset setup

Asset typeLink
Linking typeDon't show in menu / Type 2

Metadata configuration

Metadata field Value
UON.Widget.Type required Highlight Widget

Content configuration

Content Source
Image Thumbnail attached to source asset (the one the link asset points to). Uploaded image should be 1500x1500, the widget will use the generated 600x600 variant.
Title Name of link asset
Description Default is the metadata dcterms.description of the source asset, can be overridden by adding metadata dcterms.description to the link asset.

Technical info

Paint Layout #356374 - Sidebar widget - Highlight (Link format)

Highlight widget (carousel)

Asset setup

Asset typeFolder containing Link assets
Linking typeDon't show in menu / Type 2
Asset countUpto 5, if more than 5 assets exist within the folder only the first 5 will be shown.

Metadata configuration

Metadata field Value
UON.Widget.Type required Highlight Widget
Only needs to be applied to the folder

Content configuration

Content Source
Image Thumbnail attached to source asset (the one the link asset points to). Uploaded image should be 1500x1500, the widget will use the generated 600x600 variant.
Title Name of link asset
Description Default is the metadata dcterms.description of the source asset, can be overrirden by adding metadata dcterms.description to the link asset.

Technical info

Paint Layout #356374 - Sidebar widget - Highlight (Folder format)
Asset Listing #356446 - Sidebar widget - Highlight carousel