Full Width-Slider
Contents
Requirements
Slider may be set to autoplay, but will need to be ADA accessible and have manual controls
A user can navigate through the slides by using the arrow links or the dots.
Each slide consists of an image, a title, image credit and description copy. Admins may also add one link per slide. Dots will appear under the component that correspond to the number of slider items included in the component.
Limit 8 items
If a slider item includes a link, a hover state of a slight 110-120% zoom on image would show. A border would appear on the title also if it was a link.
CMS Fields
Field Label | Field Type | Required? | Notes | |
|---|---|---|---|---|
| 1 | Autoplay | select (on or off) | no | default is off |
| 2 | Add Slider Item | select | yes | allows admins to add another slider item, with CMS fields below |
| 3 | Image | image | yes | for each slider item Image size: 1280 x 558; jpg upload |
| 4 | Image Credit | single-line text | no | for each slider item |
| 5 | Image Title | single-line text | yes | for each slider item |
| 6 | Description | multi-line text | no | for each slider item |
| 7 | Link | url | no | for each slider item |
https://styleguide.asce.org/section-components.html#asgref-components-full-width-slider