Timeline

A Timeline allows for content to be listed by its relevant date, presented in a vertical fashion with optional display elements

Block setup

Elements to consider when building a Timeline block:

Section layout

The layout of the section (width of the section) will affect the width of the Timeline.

Timeline item display

Timeline items have the option to include "Headline", a photo, links, and a field for a larger item description.

Block formatting

Timelines can display vertically by month or by year, and sorted by descending or ascending year, or both.

Restrictions

? Or something else?

Block examples

This is an optional Timeline title

  1. 2023
    1. Oct
      1. This is the headline field

        This is the content field where you can add additional information.

        This Timeline item is linked - hover over it! An optional image has also been added.

Timeline: vertical by month, ascending sortation

Important dates - Fall 2023

  1. 2023
    1. Sep
      1. Classes begin

        Fall 2023 term at the University of Waterloo
    2. Oct
      1. Reading Week begins

        All classes cancelled; offices closed on the weekends and the holiday Monday.

        Reading week ends Sunday, October 15, 2023.

      2. Convocation - fall 2023

        Visit the Convocation website for details.

    3. Dec
      1. Final examination day