The P4 team is currently running some changes to the site. Please be aware that you might be redirected to some other sources on the world wide web or you will find the content you are looking for in another format. If you notice anything missing, please let us know in the p4-general Slack channel. Thank you!
Adding timelines with the P4 design to visually display activities and milestones from campaigns.
Purpose: Webeditors can now add timelines with the P4 design to visually display activities and milestones from campaigns.
Important: Starting with release v1.63, the Timeline block can be added to posts too, not only pages.
The Timeline block uses TimelineJS, which is an open-source tool that enables anyone to build visually rich, interactive timelines. Web editors can create a timeline using nothing more than a Google spreadsheet.
Add the block to your page
Setup the timeline
The title and the description are editable in place, inside the block.
The rest of the settings are on the right side. These are:
URL of the Google sheet containing the data for the timeline (details below)
-> Language – select the language for the timeline
-> Timeline navigation position: select whether the timeline should be displayed on top or at the bottom of the page.
-> Start at end – by selecting this box, when an user lands on a page with a timeline, it will show directly the end of the timeline, meaning the most recent entries and not the oldest ones.