Skip to main content
Site Builder
Indiana University
Page Types

Timeline Page

Show a process, sequence, or history as a structured timeline

Overview

The Timeline Page is designed to present a sequence of steps, milestones, or events in a clear, scannable format. Each step can include a label, title, description, important dates, and calls to action.

This page type is especially useful when you want to guide visitors through a process (such as applying, registering, or onboarding) or show the progression of events over time.

Screenshot of timelime page type

Use this page type to:

  • Provide step-by-step instructions for a process (e.g., admissions, registration)
  • Highlight key milestones in a project, program, or initiative
  • Outline a roadmap for an initiative or multi-phase effort
  • Showcase a history or chronology (e.g., institutional milestones, campaign progress)

Components available on this page type

Page type fields

Element name Required Multiple
Page settings Standard page settings. See Page Settings.
Yes No
Hide sidebar navigation? If checked, sidebar navigation is hidden on the page.
No No
Hero Group containing fields for the main hero area. See Default Hero.
Yes No
Show pre-timeline callout? If checked, a callout is displayed below the hero and before the timeline. Useful for information shown before starting the process.
No No
Pre-timeline callout Callout component displayed before the timeline. Visible only when "Show pre-timeline callout?" is selected. See Callout.
No No
Timeline Timeline component displayed on the page. See Timeline.
Yes No
Show post-timeline callout? If checked, a callout is displayed after the timeline. Useful for follow-up actions or reminders.
No No
Post-timeline callout Callout component displayed after the timeline. Visible only when "Show post-timeline callout?" is selected. See Callout.
No No

Do

  • Use to provide step-by-step instructions for a process, such as applying
  • Use to show the history of a department or program
  • Use to show research roadmaps or important milestones in an ongoing initiative
  • Use pre- and post-timeline callouts to highlight important context or next steps

Don't

  • Use to show a list of topics or categories—use a Card Grid Page instead
  • Use as your site's home page—use an Index Page instead
  • Use to show long-form, single-topic content—use a Details Page instead