Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

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

Table of Contents
minLevel1
maxLevel3
exclude([Cc]ontents)
stylenone
typeflat
separatorpipe

...

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

Label 

Field

Type

Type 

Required? 

Notes 

1

Background color

checkbox

no

Admin can select to use a light grey background

Column Slider Title

single-line text

 Yes

 

2
Eyebrow

Text

single-line

rich text

no

Manually entered for entire componentManually entered for entire component

 No

 

3

Title

single-line text

yes

Column Slider Top Link

general Link

 No

 

4
Top

Column Slider Bottom Link

general

link

Link

no

Includes link text and URL

 No

 

5

Number of items

number

yes

Component will render the top 10 items that match the taxonomy criteria (maximum of 10). More than four will trigger rotator function.

Excluded Items

tree list

 No

 

6

Show Images

checkbox

yes

Checked by default; when checked, page featured images will be pulled in for each column (Dimensions: 425 x 300)

 No

 

7

Show Description

checkbox

yes

Default is not checked; when checked, each column will reference and display the teaser text

8

Bottom Link

general Link

no

Admin will enter link text and URL in button

9

Excluded items

treelist

no

Admin can enter 1-5 item ID numbers to exclude from being referenced in component

 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

 

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

References

View file
nameColumn Slider (Dynamic) - component requirements and details.pdf