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

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:

  • Page title

  • Image

  • Description/teaser text

Admin will be able to select from 3 options for use within entire component:

  • title + image

  • title + description

  • title + image + description

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 

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

 

ASCE Digital Style Guide

References