Timeline

The timeline block shows a sequence of events in chronological order, alternating left and right along a vertical line. Use it for histories, milestones and roadmaps, not for content readers need to compare side by side.

1 · Timeline items

Several items

Each item has a short label (a year, date or phase) and a description. Items alternate sides automatically. Drag them to reorder.

  • 2022

    Kick-off: requirements and project scope are defined.

  • 2023

    Concept and design: wireframes and visual design are agreed.

  • 2024

    Development: features are built and tested.

  • 2025

    Launch: the new website goes live.

Label is optional

Leave the label empty and only the description is shown.

  • 2022

    Kick-off: requirements and project scope are defined.

  • An item without a label shows only its description.

2 · Background color

Like other blocks, the timeline can sit on the default background or a coloured one.

  • 2022

    Kick-off: requirements and project scope are defined.

  • 2023

    Concept and design: wireframes and visual design are agreed.

  • 2024

    Development: features are built and tested.

  • 2022

    Kick-off: requirements and project scope are defined.

  • 2023

    Concept and design: wireframes and visual design are agreed.

  • 2024

    Development: features are built and tested.

3 · Timeline listing variation

The add-on also adds a Timeline variation to the listing block. It builds the timeline from a query: each item's title becomes the label and its description the text.

  • News Item
    The News Item content type can be used to display News content on the website.
  • News Item
    The News Item content type can be used to display News content on the website.