AKA – Column Rotator – Events
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 |
|---|---|---|---|---|
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, |
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