Testimonial Slider

Contents

Requirements

  • This component will be manually managed in the CMS.

  • Image is optional. If not included in a slider item, the testimonial text will stretch to the left.

  • If admins would like to add more than one item to the component, the slider function is triggered. Users can click on either arrow to scroll through the items in the slider.

  • There will be no limit to the number of slider items in this component.

  • Each link will feature a hover state to indicate clickable content. Clicking will take a user to the page specified by an admin in the CMS.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Eyebrow

single-line text

no

renders in CAPS

2

Title

single-line text

no

 

3

Link

link

no

includes URL and text

4

Add Slider Item

select

yes

clicking this option will make the fields below available; admins can click this option as many times as needed

5

Show Images

checkbox

no

default is checked, which allows admins to insert images

6

Image

image

no

Recommended image size: 300px x 212px; file type jpg

7

Testimonial Quote

mulit-line text

yes

included help text for character count

8

Attribution Name

multi-line text

yes

 

9

Attribution Title

single-line text

yes

renders in CAPS

10

Attribution LinkedIn

link

no

will link to an individual's Linkedin page; NOTE: link will not appear if field is blank

https://styleguide.asce.org/section-components.html#asgref-components-testimonial-slider