/
Full Width-Slider

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

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

ASCE Digital Style Guide

 

Related content

Image Slider
More like this
Columns Slider
Columns Slider
More like this
Image Grid
More like this
Events Slider
Events Slider
More like this
Card Grid Icons
Card Grid Icons
More like this
Masonry Grid
More like this