Home ▻ T4 Training▻Training▻Training Examples▻Countdown

Countdown

Days
Hours
Minutes
Seconds

CountDown to Date

This content type is fully responsive.

It counts down to your supplied date and time, greying out the boxes as they get to zero.
You can opt to have it stop at zero, or begin to count up from zero once it reaches the supplied date.  If counting up, the label under the countdown will change to the count-up label.

Content type designed and created March 7, 2019 by Evan Ryder - University WWW Technologist

How do I create a Countdown to Date feature

  1. Go to the site structure and find the page you want the Countdown to appear on.
  2. Click on the Actions Button, choose Edit section from the dropdown menu to enter the content of that section.
  3. Click on +Add Content.
  4. Choose the Countdown to Date content type from the available content types.
  5. Give the content a Name
  6. Fill in the additional fields.
    Content Type Countdown Content tab with fields highlighted
  7. When editing is complete click on Save changes to put your content to Pending.
    Save changes button. No option to save and approve or save as draft..
  8. Click on the white arrow beside Save changes and choose Save and approve to approve your content.

Save Changes dropdown with Save and Approve highlighted

See how this content type looks in different page types:
With Rightbar, Without Rightbar, Widescreen, and Ultra-Wide (sub-site) / Ultra-Wide (top-level) pages
or else
Normal, Widescreen, and Ultra-Wide (Sub-Site) / Ultra-Wide (Top-Level) Landing pages

Note: You change a page's width (and other options) using its section's DC.Keywords field - see my interactive demonstration for full information.