/
Image Slider

Image Slider

Contents

Requirements

  • A user can navigate through the slides by using the arrow links.

  • Each slide consists of an image, two flex fields, and optional link

  • The slider can utilize a text/visual or visual/text layout. The gradient will be lighter to darker for visual/text and darker to lighter for text/visual.

  • There will not be a limit to the number of items in the slider.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Eyebrow

single-line text

no

for text section

2

Title

multi-line text

yes

for text section

3

Description

multi-line text

no

for text section

4

Link

link

no

for text section; admins may choose style (directional link or button); internal or external; includes link text and URL

5

Add Slider Item

select

yes

allows admins to add another slider item, with CMS fields below

6

Image

image

yes

for each slider item. Image dimensions: 670w x 470h

7

Image Credit

single-line text

no

for each slider item

8

Slider Title

single-link text

yes

for each slider item

9

Slider Link

link

no

 

10

Slider Description

single-line text

no

Slider description to expand in the bottom direction.

ASCE Digital Style Guide

 

Related content

Image Grid
More like this
Full Width-Slider
Full Width-Slider
More like this
Columns Slider
Columns Slider
More like this
Events Slider
Events Slider
More like this
Masonry Grid
More like this
Card Grid Icons
Card Grid Icons
More like this