Timeline Overview

Relevant to: faculty and staff

This article contains information considered accurate at the time of publishing. Technology updates, changes in University security practices, and/or policies and procedures may affect the information in this article — updates to articles are scheduled on a periodic basis and will address any required changes.

Introduction

The Timeline element is a great way to visually organize information, such as events over time, steps in a process, or items in a sequence. It’s also a helpful format for showing two sides of a conversation or dialogue.

Insert a Timeline

  1. Create a new Web Page. Create new webpage in authoring tool

  2. Select the Creator+ Authoring Tools, then select Insert Element. Select Insert Element from Creator+ tools

  3. Select Timeline. Choose Timeline element option

  4. Select one of the Format Options to indicate if you want the timeline to have left‑aligned or alternating entries. Format options for timeline alignment

  5. Enter the first Timeline Panel Title and Timeline Panel Text. Entering panel title and text

  6. To add an image, select the Insert Image icon in the toolbar. Insert the image before the text in the content area. Insert image icon and placement in panel

  7. If you need/want more timeline panels, select Add Timeline Panel Item. Add Timeline Panel Item button Then select Preview at the bottom of the screen.

  8. Select Insert to add the Timeline elements to your webpage. Insert button to add timeline to page

  9. Select Save and Close to save the timeline on your webpage. Save and Close option on the page editor

  10. The Timeline element is added to your content.

Edit a Timeline

  1. Navigate to the webpage that has a Timeline and select Edit HTML (Web Page) from the drop‑down menu on right of the title. Edit HTML (Web Page) option from dropdown

  2. Once the editing window opens, click on the Timeline itself to open the Edit Panel, then select the pencil icon. Pencil icon in timeline edit panel

  3. Make your changes to the Timeline Panel Title or Text, then select Preview to review your changes. Preview changes for timeline panel

  4. In the Preview window, select Insert once you have confirmed your revisions are correct. Insert button in preview to apply changes

  5. Back in the editing window, select Save and Close at the bottom of the screen to complete your revisions. Save and Close option in editing window



  6.  
  7.