{"id":4516,"date":"2024-12-18T14:31:42","date_gmt":"2024-12-18T19:31:42","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=4516"},"modified":"2026-08-10T21:17:09","modified_gmt":"2026-08-11T01:17:09","slug":"timeline-block","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced-training\/advanced-training-module-2-advanced-design-blocks\/timeline-block\/","title":{"rendered":"Timeline Block"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Timeline Block\n <\/h1>\n \n \n \n\n

Advanced Training Module 2: Advanced Design Blocks<\/p>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n

The Timeline block allows you to present information in chronological order using a visually structured timeline. It is ideal for telling stories, highlighting milestones, documenting progress, or showing the evolution of a department, program, research project, or initiative over time.<\/p>\n\n\n\n

Unlike a standard list of dates, the Timeline block provides a more engaging and easier-to-follow visual format that helps visitors understand how events relate to one another.<\/p>\n\n\n\n

Common uses include:<\/p>\n\n\n\n

    \n
  • Department history<\/li>\n\n\n\n
  • Program milestones<\/li>\n\n\n\n
  • Research project timelines<\/li>\n\n\n\n
  • Strategic plans and roadmaps<\/li>\n\n\n\n
  • Historical achievements<\/li>\n\n\n\n
  • Event histories<\/li>\n<\/ul>\n\n\n\n

    When to Use a Timeline<\/h2>\n\n\n\n

    Use a Timeline block when information is best understood as a sequence of events.<\/p>\n\n\n\n

    Examples include:<\/p>\n\n\n\n

    Department History<\/strong><\/p>\n\n\n\n

    1942 - Department Founded\n1968 - First Graduate Program Launched\n2005 - New Research Facility Opened<\/code><\/pre>\n\n\n\n
    Strategic Roadmap<\/strong><\/p>\n\n\n\n
    Phase 1 - Planning\nPhase 2 - Development\nPhase 3 - Launch<\/code><\/pre>\n\n\n\n
    Research Project<\/strong><\/p>\n\n\n\n
    Funding Awarded\nResearch Begins\nPublication Released<\/code><\/pre>\n\n\n\n
    Timelines help visitors understand progression and context in a way that standard paragraphs often cannot.<\/p>\n\n\n\n
    Adding a Timeline Block<\/h2>\n\n\n\n
    To add a Timeline block:<\/p>\n\n\n\n
      \n
    1. Click the +<\/strong> button and search for Timeline<\/strong>.<\/li>\n\n\n\n
    2. Select the Timeline block.<\/li>\n\n\n\n
    3. Enter a date, year, milestone, or label in the left column.<\/li>\n\n\n\n
    4. Add a title and supporting content in the right column.<\/li>\n<\/ol>\n\n\n\n
      Each timeline item represents a single point in the sequence.<\/p>\n\n\n\n
      Creating Timeline Entries<\/h2>\n\n\n\n
      A timeline entry typically contains three elements:<\/p>\n\n\n\n
      Date or Label<\/h3>\n\n\n\n
      The left side of the timeline.<\/p>\n\n\n\n
      Examples:<\/p>\n\n\n\n
        \n
      • 2026<\/li>\n\n\n\n
      • September 2026<\/li>\n\n\n\n
      • Phase 1<\/li>\n\n\n\n
      • Project Launch<\/li>\n<\/ul>\n\n\n\n
        Dates don’t need to be actual calendar dates. Labels can also be used to represent stages or milestones.<\/p>\n\n\n\n
        Title<\/h3>\n\n\n\n
        A short heading describing the event.<\/p>\n\n\n\n
        Examples:<\/p>\n\n\n\n
          \n
        • Research Facility Opens<\/li>\n\n\n\n
        • Program Launch<\/li>\n\n\n\n
        • Department Expansion<\/li>\n<\/ul>\n\n\n\n
          Description<\/h3>\n\n\n\n
          Supporting information that provides additional context.<\/p>\n\n\n\n
          Example:<\/strong> The department opened a new research facility to support interdisciplinary collaboration and innovation.<\/p>\n\n\n\n
          Adding Additional Content<\/h2>\n\n\n\n
          Timeline entries can contain more than paragraph text.<\/p>\n\n\n\n
          You may also add:<\/p>\n\n\n\n
            \n
          • Lists<\/li>\n\n\n\n
          • Buttons<\/li>\n\n\n\n
          • Links<\/li>\n\n\n\n
          • Other supported blocks<\/li>\n<\/ul>\n\n\n\n
            Adding Additional Timeline Items<\/h2>\n\n\n\n
            To add another entry:<\/p>\n\n\n\n
              \n
            1. Select the parent Timeline block.<\/li>\n\n\n\n
            2. Click the +<\/strong> button within the Timeline block.<\/li>\n\n\n\n
            3. Add the new timeline item.<\/li>\n\n\n\n
            4. Enter the date and content.<\/li>\n<\/ol>\n\n\n\n
              Repeat as needed to build your timeline.<\/p>\n\n\n\n
              Timeline Content Tips<\/h2>\n\n\n\n
              Not every timeline needs to cover decades of history.<\/p>\n\n\n\n
              Timelines can be used for:<\/p>\n\n\n\n
              Historical Content<\/strong>
              Showing events that happened in the past.<\/p>\n\n\n\n
              Future Plans<\/strong>
              Showing upcoming milestones and priorities.<\/p>\n\n\n\n
              Processes<\/strong>
              Showing stages within a project or initiative.<\/p>\n\n\n\n
              Journeys<\/strong>
              Showing how a program, service, or organization has evolved.<\/p>\n\n\n\n
              Best Practices<\/h2>\n\n\n\n
              Keep Entries Consistent<\/strong>
              Try to maintain a similar level of detail throughout the timeline.<\/p>\n\n\n\n
              Focus on Significant Milestones<\/strong>
              Not every event needs to be included. Highlight the moments that matter most.<\/p>\n\n\n\n
              Use Clear Titles<\/strong>
              Visitors should be able to quickly understand the significance of each entry.<\/p>\n\n\n\n
              Keep Descriptions Concise<\/strong>
              Provide enough context without overwhelming readers.<\/p>\n\n\n\n
              Consider the Audience<\/strong>
              Think about what information visitors will find most interesting or useful.<\/p>\n\n\n\n
              Common Uses<\/h2>\n\n\n\n
              The Timeline block works particularly well for:<\/p>\n\n\n\n
                \n
              • Department histories<\/li>\n\n\n\n
              • Research timelines<\/li>\n\n\n\n
              • Strategic plans<\/li>\n\n\n\n
              • Campaign milestones<\/li>\n\n\n\n
              • Organizational achievements<\/li>\n\n\n\n
              • Historical retrospectives<\/li>\n<\/ul>\n\n\n\n
                Because of its visual structure, it often creates a more engaging experience than a simple chronological list.<\/p>\n\n\n\n
                \n