New web

Web pattern library, style and technical reference

Container Templates

Container Templates (also sometimes referred to as 'Content Container Templates' or 'CCTs') provide easy-to-use templated components that allow publishers to include additional functionlity on their pages without any additional coding, or having to know specific asset ids for paint layouts. Additional information about the set up of Container Templates can be found in our developer guidelines.

About Section - General

Documentation under development The About Section - General component allows for a standardised two-column piece of content to be added to a page, featuring content on the left and an image/video on the right.

Alumni Award Profile

Documentation under development The Alumni Award Profile component is currently specifc to the alumni awards section of the wbesite, and allows for a short profile to be included for nominees and recipients.

Area header

The Area header component allows for a standardised top-line header and section navigation to be added to a page header. It includes space for a section heeading and upto 4 sub-section links.

A-Z People Listing

Documentation under development The A-Z People Listing component allows for an automated (via Funnelback Search) listing of staff to be included on a page.

Campagin Call to Action

Documentation under development The Campaign Call to Action component allows for a large call to action to be included on the page.

Centres Listing

Documentation under development The Centres Listing component allows for an automated listing of research centres to be included on a page.

Contacts Footer

Documentation under development The Contacts Footer component allows for ...

Content Promo Banner

Documentation under development The Content Promo Banner component allows for...

Highlights Feature Carousel

Documentation under development The Highligths Feature Carousel component allows for ...

Homepage Carousel Slide

Documentation under development The Homepage Carousel Slide component allows for ...

Icon List Row

Documentation under development The Icon List Row component allows for ...

Index Listing Item

Documentation under development The Index Listing Item component allows for ...

Landing Page Find Staff

Documentation under development The Landing Page Find Staff component allows for ...

Landing Page Header

Documentation under development The Landing Page Header component allows for ...

Landing page search

The Landing Page Search component provides a standardised search box for use on key landing pages on the UON website. It can currently been seen on the UON homepage and will be rolled out to other key landing pages in the future. Currently this search box supports a unified degree/course/scholarship search, where results from the Google Search Applicabe are returned within the current page, and support for other search types will be added in the future.

Media gallery

The Media Gallery component allows for a standardised method of including a gallery of images and/or videos on a web page. It provides both carousel and grid display layouts.

Overview index

The Overview index component allows for a standardised block of content and links to be included on a section landing/index page. It provides space for an introduction/description, and upto 6 sub-section links.

People Listing

Documentation under development The People Listing component allows for ...

Quicklinks Box

Documentation under development The Quiklinks Box component allows for ...

Related Degrees List

Documentation under development The Related Degrees List component allows for ...

Reputation Story

Documentation under development The Reputation Story component allows for ...

Reputation Video Content

Documentation under development The Reputation Video Content component allows for ...

Section Footer

Documentation under development The Section Footer component allows for ...

Subsite Page Header

Documentation under development The Subsite Page Header component allows for ...

Video Content

Documentation under development The Video Content component allows for a standardised approach for embedding video content onto a page.

VR Viewer

Documentation under development The VR Viewer component allows for specifically formatted images to be embeded onto a page inside a VR viewer that allows uses to 'look' around a space.