Component Subject Carousel

Component Overview

The Component Subject Carousel is a very interesting component. Not only does it give you a carousel with auto-advance, the component also gives you the ability to dynamically change what comes directly below each tab. See the Component Example for more information.

Component Location

Component Subject Carousel → Component Subject Carousel


Component Overview

Supported Templates & Placeholders

Template Placeholder
Article Detail Page
/maincontent/full-width

/maincontent/rail-page-content
Detail Page
/maincontent/detail-page-nav/detail-page-content
Experience Landing with Nav
/maincontent/full-width
Experience Landing Page
/maincontent/full-width
Experience Interior Nav
/maincontent/interior-nav-content
Experience Right Rail Page
/maincontent/rail-page-content


Recommended Image Size

1400x550


Character Limits

Tab Label: 100
Title: 100
Body:  198
Links: 50


How to Use

  1. Add the parent component, the Component Subject Carousel
  2. Choose which sub-component you want to add
    1.  Type 1: Supports Datapoint Listings, Featured Link Lists, and Story Card components.
    2. Type 2: Horizontal Listing component only
  3. Fill out the information on the sub-component. Each sub-component added represents one slide in the final carousel.
  4. Optional: Add extra components to display along with the slide. See Step 2 for the supported components for each tab type.

Component Example

To see how the component will display on different types of screens, select the button below.

Device resolution = 1440px

Component Type

Component Subject Carousel

ABOUT THE COMPONENT

  • Component Type: Subject Carousel
  • Rich Text: No
  • Images: Yes
  • Video: No
  • Buttons: No
  • Links: Yes
  • Icons: No

Special Notes

Within the carousel option, the user can use the Datapoint Listing Component, Featured Link List Component, and Story Card Component.

Report Issue & Suggest Changes

Report a Bug or Suggest a Change