Directory

When to Use

Use this when you want to list your faculty and/or staff members, along with their contact info.

Example: Standard Directory

Firstname Lastname Title

Firstname Lastname Title

(304) 281-2134

firstname.lastname@mail.wvu.edu

412 Stewart Hall

Read More: Lorem Ipsum Dolor Sit Amet Consectetur
Firstname Lastname Title

Firstname Lastname Title

304-293-1234

firstname.lastname@mail.wvu.edu

123 Stewart Hall

Read More: Adipiscing Elit Sed
Firstname Lastname Title

Firstname Lastname Title

304-293-1234

firstname.lastname@mail.wvu.edu

345 Armstrong Hall

Read More: Do Eiusmod Tempor Incididunt Ut

View Code

Copy

Content	Max Characters	Description
Name*	N/A	The name of the person.
Title	N/A	The person’s job title.
Phone	N/A	The person’s phone number.
Email	N/A	The person’s email address.
Office Location	N/A	The person’s office location.
Link to a Profile	N/A	A link to a profile page containing a bio and CV.

Content

Max Characters

Description

Name*

N/A

The name of the person.

Title

N/A

The person’s job title.

Phone

N/A

The person’s phone number.

N/A

The person’s email address.

Office Location

N/A

The person’s office location.

Link to a Profile

N/A

A link to a profile page containing a bio and CV.

Shared CleanSlate Partial

Type: Dynamic (pulls data from other pages in site)

This component corresponds to the latest version of the shared directory partial in the Design System CleanSlate. CleanSlate developers can use this component by adding a shared partial to a template. Below are the available configuration options for this component.

Component-Specific Parameters

Name	Options	Description
`limit`	Any Number	Sets a limit to the number of people to be displayed in a paginated page.
`showHidden`	`true`	If set to `true`, shows a person even if their profile page is set to “Hide from navigation.”
`customLabel`	`whatever-label-you-want`	If you enter a label, it will replace the default label used to pull in dynamic content.

General Component Parameters

The following parameters can be used when including any shared partial.

Name	Options	Description
`editModeOnly`	`true`	If set to true, the component will only appear in Edit Mode. This is useful for testing your component before you want to make it live.
`main`	`true`	If set to true, a `<main></main>` element will apply to the component.
`scope`	`page site`	If set to site, content in the editable regions of the component will apply sitewide to any component with the same name and instance number that is also set to `scope: "site"`.

Code Example

{% render "components/wvu-directory"  %}

PRO TIP: Options that contain integers (1, 2, 3) or boolean values (true, false) don’t need to be wrapped in quotes e.g. limit: 1 or main: true. Strings should be wrapped in quotes e.g. scope: "site".

Setup

From the CleanSlate Pages dashboard, assign the Super Template to a page. In the page properties, navigate to the Slots tab. Assign a directory partial to one of the slots.

Component-Specific Configuration

Name	Options	Description
Limit	Any Number	Sets a limit to the number of people to be displayed in a paginated page.
Show if hidden?	`checked unchecked`	If checked, shows a person even if their profile page is set to “Hide from navigation.”
Custom Label	`whatever-label-you-want`	If you enter a label, it will replace the default label used to pull in dynamic content.

General Component Configuration

The following options can applied to any component in a slot.

Name	Options	Description
Edit Mode Only	`checked unchecked`	If checked, the component will only appear in Edit Mode. This is useful for testing your component before you want to make it live.
Is Main	`checked unchecked`	If checked, a `<main></main>` element will apply to the component.
Sitewide	`checked unchecked`	If checked, content in the editable regions of the component will apply sitewide to any other component with the same name and instance number that is also set to “Sitewide”.

Active Campus Alert

Shared Partial Name:

When to Use

Example: Standard Directory

Content Model and Styling Guidelines

Content-Specific Guidelines

Shared CleanSlate Partial

Component-Specific Parameters

General Component Parameters

Code Example

Setup

Component-Specific Configuration

General Component Configuration

Shared Partial Name:

When to Use

Example: Standard Directory

Directory Headline

Content Model and Styling Guidelines

Content-Specific Guidelines

Shared CleanSlate Partial

Component-Specific Parameters

General Component Parameters

Code Example

Setup

Component-Specific Configuration

General Component Configuration