Events Slider

AKA – Column Rotator – Events

Contents

Requirements

  • This component will be manually managed by an admin user in the CMS.

  • Admins will be able to select the background color. NOTE: Colors TBD.

  • There will be a minimum of three items in the component, with no maximum. Component will always center the columns

  • Admins will reference Sitecore Events pages to pull in the following data from the Events Detail Page.

    • Dates

    • Title

    • Location

  • When more than four items are included in the component, the rotator function will be triggered. Users will be able to scroll through the items using the arrows provided. Component can be set to autoplay, so that items rotate in from the right every ten seconds.

  • Each item in the component will feature a hover state to indicate clickable content. Hovering over an item will cause the rotator autoplay function to pause until the mouse is no longer hovering over an item. Clicking on any item or link in the component will take a user to the page specified by an admin in the CMS.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Background Color

checkbox

no

unchecked (white) by default

2

Eyebrow

single-line text

no

for entire component

3

Title

single-line text

yes

for entire component

4

Top Link

treelist

no

includes link text and URL

5

Add Column

treelist

yes

minimum of three; including five or more triggers rotator

6

Show Images

checkbox

no

unchecked by default; when checked, will allow admins to include images for each column,
images will pull from events featured image

7

Column Title

multi-line text

yes

 

8

Date

single-line text

no

 

9

Location

single-line text

no

 

10

Bottom Link

treelist

no

 

https://styleguide.asce.org/section-components.html#asgref-components-events-slider