AKA – Column Rotator (Dynamic)
Contents
Requirements
Title | Description | |
|---|---|---|
| 1 | Content sourcing | This component will pull referenced Sitecore items dynamically via taxonomy. |
| 2 | Background Color | Should allow light grey background when selected by admin. |
| 3 | Number of items | There will be a minimum of three items in the component, with a maximum of 10. Component will always center the columns. |
| 4 | Header | The editor will manually add a header into a basic text field. |
| 5 | Referenced fields in cards | Admins will be required to manually select taxonomy facets from list. A minimum of one term is required and there is no maximum. Component will reference and display the following fields per item:
Admin will be able to select from 3 options for use within entire component:
|
| 6 | Rotator function | When more than four items are included in the component (less than 4 on smaller screens), the rotator function will be triggered. Users will be able to scroll through the items using the arrows provided. Dot indicators should be used below component to reference rotating path to user. |
| 7 | Hover state and linking | Each item in the component will feature a hover state to indicate clickable content. Clicking on any item or link in the component will take a user to the internal page specified by an admin in the CMS. |
| 8 | Excluding content | Admin should be able to manually add item ID numbers (max of five) to exclude content from being referenced. |
CMS Fields
Field Label | Field Type | Required? | Notes | |
|---|---|---|---|---|
| 1 | Background color | checkbox | no | Admin can select to use a light grey background |
| 2 | Eyebrow | single-line text | no | Manually entered for entire component |
| 3 | Title | single-line text | yes | Manually entered for entire component |
| 4 | Top Link | general link | no | Includes link text and URL |
| 5 | Number of items | number | yes | Component will render the top 10 items that match the taxonomy criteria (maximum of 10). More than four will trigger rotator function. |
| 6 | Show Images | checkbox | yes | Checked by default; when checked, page featured images will be pulled in for each column (Dimensions: 425 x 300) |
| 7 | Show Description | checkbox | yes | Default is not checked; when checked, each column will reference and display the teaser text |
| 8 | Bottom Link | general Link | no | Admin will enter link text and URL in button |
| 9 | Excluded items | treelist | no | Admin can enter 1-5 item ID numbers to exclude from being referenced in component |
https://styleguide.asce.org/section-components.html#asgref-components-columns-slider