• In progress
  • 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

     

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

    References