Page Compponents

Page Components are pre-built templates that rely on a form-based interface to provide content editors with an easy-to-use interface for adding complex elements to a page. Components bundle the complex HTML markup, CSS, and JS behind the scenes, allowing any user to add them to a page without writing any code.


List of Page Components

Page Component Type

Description

50-50 Contained

A 2 column layout with a ratio of 1:1 that is contained within the width of the page content region.

50-50 Full width

A 2 column layout with a ratio of 1:1 that stretches the full width of the screen and is not contained within the width of the page content region.

75-25 Full width

A 2 column layout with a ratio of 3:1 that stretches the full width of the screen and is not contained within the width of the page content region.

Banner/Header

A 1 column layout that may be placed at the top of the Department, Faculty, Page, and Program content types that consists of a Title, Description, Optional Eyebrow, and Background settings such as a background color or background image to designate a landing page.

CTAs grid

A 3 column grid layout with a ratio of 1:1:1 that consists of Call to Action buttons. Each button consists of a Title, Text, and a Link.

People list (manual selection)

A grid layout of teasers that varies in width (3, 4, 5) based on the amount of people in the list. The grid consists of Faculty (Person) content manually added through an entity reference field.

Text

A 1 column layout that consists of a single text field of formatted text that is edited through the WYSIWYG editor.



Adding a component



Component browser
Clicking will the component on your page and take you to the edit screen for it.