Event Countdown

Component Overview

The Event Countdown component counts down to a user-specified date and time. Once that date and time has passed, it changes from Event Countdown mode to a mode that displays a user-specified message. There is also a title, body copy, and a link.

This component has two different major modes:

  1. Full mode / Compact mode
    1.  Selected in the main content screen of the component
    2. Changes the countdown from being contained in boxes vs uncontained with an underline
  2. Light/Dark
    1. Selected in the Page Details pane
    2. Switches background colors between dark blue and light

Component Location

Event Countdown → Event Countdown

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

1500x1000

Character Limits

Title: Unlimited
Description:  Unlimited
Link: 50

How to Use

There are no sub-components attached to this component. Simply add the component and insert your copy, a date and time, and a message to show after that date and time passes.

Component Example

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

Device resolution = 1440px

Component Type

Content Block

ABOUT THE COMPONENT

  • Component Type: Content Block
  • Rich Text: No
  • Images: Yes
  • Video: No
  • Buttons: Yes
  • Links: Yes
  • Icons: No

Special Notes

"Light Mode" option available. This option would require an image and overlay a blue gradient.

Report Issue & Suggest Changes

Report a Bug or Suggest a Change