Folwell Timeline

Example of a Folwell Timeline widget. Events on the timeline alternate left and right of a central vertical line.

What is it?

This new widget from the University's Folwell Web Theme allows editors to add a vertically-oriented, chronological timeline to a page. 

The Folwell Timeline widget is available on the following content types:

  • Advanced Page
  • Feature Story
  • News
  • Unit Landing Page

You can see a working example of this widget on the Folwell theme's Timeline page.

How do I use it?

Start by adding a new section to a page or by using an existing section.

  1. Click the + button to add a widget to a section
  2. In the menu that appears, select Folwell Timeline
  3. From the new page that appears, fill out the fields:
    1. Event Title 
      This is typically set to be the year in the timeline. It will render on the page as a Heading 3.
      Note: If this is left blank, it will render a blank Heading 3 and cause accessibility errors.
    2. Event Body 
      The description of the event. This is a CKEditor field, so you can add styled text, links, lists, images, and more.
  4. You can add an unlimited number of events and drag-and-drop reorder them as needed.
  5. Click Save