Directory

List people and their contact info.

Have an idea for a new component? Tell us.

Standard Directory

Introduced in Version 1.0.0

Example Profile A Very Important Person	(304) 293-3292	profile.a@mail.wvu.edu	Profile: Example Profile A
Example Profile B Very Important Person	(304) 293-9998	profile.b@mail.wvu.edu	Profile: Example Profile B
Example Profile C Very Important Person	(304) 293-0988	profile.c@mail.wvu.edu	Profile: Example Profile C
Example Profile D Very Important Person	(304) 293-8799	profile.d@mail.wvu.edu	Profile: Example Profile D

If you want to add a background image, upload your image to Files and label the image with {page-slug}-directory-{instance-number}-background.

Introduced in Version 1.0.0

Subhead goes here.

Very Important Person

Lorem ipsum dolor sit amet.

Very Important Person

Very Important Person

Very Important Person

Add a wvu-profiles partial to a template.
For each profile you want to display, create a page using the Profile template, then label the page with {page-slug}-profiles-{instance number} corresponding to the component that contains the profile listing e.g. staff-directory-profiles-1.
To show a description for each profile, go to Properties > Custom Data then edit the Description field in each page that corresponds to a profile.
To show a thumbnail image, upload an image to CleanSlate, copy the thumbnail URL (go to Files then Edit the file you want), then for the page you wish to assign the thumbnail, go to that pages Properties > Custom Data, and paste the URL into the Thumbnail URL Square field. Do not use the full URL of the image, however. Your URL will look like this: http://designsystem.wvu.edu/files/d/8bb6c9ef-41e9-4528-b6ba-91cda89c597c/27518a0052xx.jpg but you need to omit beginning http://designsystem.wvu.edu part, the d/ and whatever is after the trailing slash (including the slash), in this case /27518a0052xx.jpg. So you would paste in /files/8bb6c9ef-41e9-4528-b6ba-91cda89c597c.

Add a profiles component to a slot.
For each profile you want to display, create a page using the Profile template, then label the page with {page-slug}-profiles-{instance number} corresponding to the component that contains the profile listing e.g. staff-directory-profiles-1.
To show a description for each profile, go to Properties > Custom Data then edit the Description field in each page that corresponds to a profile.
To show a thumbnail image, upload an image to CleanSlate, copy the thumbnail URL (go to Files then Edit the file you want), then for the page you wish to assign the thumbnail, go to that pages Properties > Custom Data, and paste the URL into the Thumbnail URL Square field. Do not use the full URL of the image, however. Your URL will look like this: http://designsystem.wvu.edu/files/d/8bb6c9ef-41e9-4528-b6ba-91cda89c597c/27518a0052xx.jpg but you need to omit beginning http://designsystem.wvu.edu part, the d/ and whatever is after the trailing slash (including the slash), in this case /27518a0052xx.jpg. So you would paste in /files/8bb6c9ef-41e9-4528-b6ba-91cda89c597c.

If you want to add a background image, upload your image to Files and label the image with {page-slug}-profiles-{instance-number}-background.