Program Listing

When to Use

Use this when you want to list your college or department’s programs and majors. This component provides links to WVU’s program pages.

Example: Standard Program Listing

Filter by Program Type:

Any

Bachelor’s

Master’s

Doctoral

Certificate

Filter by Delivery Option:

Any

In Person

Online

View Code

Copy

Content	Max Characters	Description
Program Name*	N/A	The name of the program.
Program Type*	N/A	The type of program e.g. “Bachelor’s,” “Master’s,” etc.
Online Badge	N/A	A badge showing that the program is offered online.
Program Blurb*	1-2 brief paragraphs	A brief description of the program.
Areas of Emphasis	N/A	A list of areas of emphasis related to the program.
Program Links*	N/A	These are sections on the program page (hosted on WVU.edu) you can link to.

Content

Max Characters

Description

Program Name*

N/A

The name of the program.

Program Type*

N/A

The type of program e.g. “Bachelor’s,” “Master’s,” etc.

Online Badge

N/A

A badge showing that the program is offered online.

Program Blurb*

1-2 brief paragraphs

A brief description of the program.

Areas of Emphasis

N/A

A list of areas of emphasis related to the program.

Program Links*

N/A

These are sections on the program page (hosted on WVU.edu) you can link to.

Shared CleanSlate Partial

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

This component corresponds to the latest version of the shared program-listing 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.

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-program-listing"  %}

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 program-listing partial to one of the slots.

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”.

Configuration

Name	Options	Description
`contentful_api_string`	A URL string	A URL for Contentful XML data. Get this string from UR - Digital.
`disable_delivery_method`	`checked unchecked`	If checked, the delivery method filter will no longer display.
`disable_program_type`	`checked unchecked`	If checked, the program filter will no longer display.

Active Campus Alert

Shared Partial Name: