Columns Slider (Dynamic)
AKA – Column Rotator (Dynamic)
The dynamic columns slider allows you to apply taxonomy to the slider to populate content (up to ten slider items).
The columns slider content renders manually (each slider item is added by the editor).
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 | Column Slider Title | single-line text | Yes |
|
2 | Text | rich text | No |
|
3 | Column Slider Top Link | general Link | No |
|
4 | Column Slider Bottom Link | general Link | No |
|
5 | Excluded Items | tree list | No |
|
6 | Show Images | checkbox | No |
|
7 | Show Description | checkbox | No |
|
8 | Audience | tree list | No |
|
9 | Committee Type | select | No | Taxonomy Drop-down |
10 | Content Type | tree list | No |
|
11 | Discipline | tree list | No |
|
12 | Hide In Search Results | checkbox | No |
|
13 | Literature and Technical Guides | multi-select | No |
|
14 | Location | multi-select | No |
|
15 | Periodicals | multi-select | No |
|
16 | Tags | multi-select | No |
|
https://styleguide.asce.org/section-components.html#asgref-components-columns-slider
References