Skip to main content
Design System
Use / Download Contribute

Event Agenda

Display a listing of events by day, for example on a conference website.

Find a bug? Create an issue.
Have an idea for a new component? Tell us.

Event Agenda

Introduced in Version 1.0.0

Day One

8:00 a.m. - 10:00 a.m. Agenda Item A
Event Description.
8:00 a.m. - 10:00 a.m. Agenda Item B
Event Description.

Day Two

8:00 a.m. - 10:00 a.m. Agenda Item C
Event Description.
8:00 a.m. - 10:00 a.m. Agenda Item D
Event Description.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-event-agenda partial to a template.
  • Set featurettesID to {id-of-the-parent-you-want-to-target} (The ID can be found in the page’s CleanSlate URL e.g. https://cleanslate.wvu.edu/sites/303/pages/10758/editor. To see the URL, hover over the link to the page or blog in the Pages tab and look at your browser’s URL preview)

When Using the Super Template

  • Add a event-agenda component to a slot.
  • Set Featurettes ID to {id-of-the-parent-you-want-to-target} (The ID can be found in the page’s CleanSlate URL e.g. https://cleanslate.wvu.edu/sites/303/pages/10758/editor. To see the URL, hover over the link to the page or blog in the Pages tab and look at your browser’s URL preview)

Element Styles

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

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.