Create a horizontal activity timeline
Last updated
Was this helpful?
Last updated
Was this helpful?
This page walks you through building an activity timeline that shows a list of tasks using the horizontal orientation. The users can scroll, zoom, hover and click to visualize related data.
The final result looks like this:
The steps to build a horizontal activity timeline that displays a list of tasks are as follows:
The very first step starts with creating our Get Records collection to ask Flow Builder to fetch all the Task records by following the below steps:
Add a Get Records element to fetch all tasks data
Enter a collection Label
Add the Task Object
Select "None - Get all Task Records" in the condition requirements field
Select "All Records" regarding the number of records to display
Click "Done"
Drag the Activity Timeline component from the components list to our screen flow (located under the custom section)
Enter an API Name. For example, ActivityTimeline.
Click on the Open Component Builder button to access all the settings for the Activity Timeline component
Enter a title for the component (e.g: Tasks)
Set the Orientation to Horizontal.
Under the Data Source section, select Variable to assign our previously created Get Records collection
Under Source Collection, click on the GetTask collection we created in step 1
Under the Data Mapping section, let's do our fields mapping
Title => Task.Subject
Description => Task.Description
Name => Task.Id (Activity ID)
Icon Name => standard:task (switch to Manual to select an icon manually)
Date => Task.DueDate
