Step 1

 ¶ 

Select the Timeline on the page.

Step 2

 ¶ 

To edit the content within the Timeline, select the Edit Icon in the Inline Toolbar, or double-click the Timeline.

Step 3

 ¶ 

Select the First Node Icon.

Step 4

 ¶ 

Select the three-dot menu in the Inline Toolbar for the Node.

Step 5

 ¶ 

Select Options.

Step 6

 ¶ 

The Options tab has a number of design options for the Timeline Node. You can change the Color of the node, change the icon, or use an image for an icon. Select Black (Option 1) for the Color of the node.

Step 7

 ¶ 

To change the Icon, double click the Node on the page.

Step 8

 ¶ 

Select the Filled Star in the 1st row.

Step 9

 ¶ 

Select Ok.

Step 10

 ¶ 

The Icon on the Node is changed. To use an Image as an Icon for the Node, select Image under Node Settings.

Step 11

 ¶ 

Under the Media dropdown select Image.

Step 12

 ¶ 

Select ShareContent_grey.

Step 13

 ¶ 

Select Insert.

Step 14

 ¶ 

The Node now uses an Image as the Icon. Select the Left Side of the page/Left Side Panel to return to the page content.

Step 15

 ¶ 

Preview the Current Page to see how the Timeline Element will look and behave for your learners.
  0     0

Similar Projects

thumbnail image
Edit a Node in a Timeline Component in Flow
2021-08-16

Steps to Edit the Node in a Timeline component in Flow.

avatar
Laura Bertrand
thumbnail image
Adding a Node Caption on a Timeline Element in Flow
2026-08-26

Steps to Add a Caption to a Node within a Timeline element in Flow.

avatar
Christopher Mines
thumbnail image
Edit a Timeline Element in Flow
2026-08-25

Steps to Edit the Timeline Element in Flow.

Use Timelines to create a graphical representation of information that is displayed sequentially along a vertical line. This lesson covers editing of the Timeline Element Content.

Note: Timelines are only available in Flow.

avatar
Christopher Mines
thumbnail image
Adding a Node Caption on a Timeline Component in Flow
2021-08-17

Steps to Add a Caption to a Node within a Timeline component in Flow.

avatar
Laura Bertrand
thumbnail image
Edit a Timeline Component in Flow
2021-08-16

Steps to Edit the Timeline Component in Flow.

Use Timelines to create a graphical representation of information that is displayed sequentially along a vertical line. This lesson covers editing of the Timeline Component Content.

Note: Timelines are only available in Flow.

avatar
Laura Bertrand
thumbnail image
Add a Timeline Element to a Page in Flow
2026-08-25

Steps to add a Timeline Element to a Page in Flow.

Timeline element is one of many elements available on the Engage Tab in Flow.

avatar
Christopher Mines
thumbnail image
Duplicate a Node in a Timeline
2024-05-21

Steps to duplicate a Node in a Timeline element.

avatar
Chris Van Wingerden
thumbnail image
How to Edit a Collection in Clarofy
2021-10-13

Edit a collection when you want to modify the title, description, permission of the collection or to reorder the projects within the collection. Follow the instructions below to learn more.

1 min read
avatar
Shea Hickey
Customizing the Timeline Component in Flow
2022-10-06

Hi, I was wondering if there was a way to customize the Timeline within Flow. I am trying to add a border colour to the boxes. If there isn't a feature already existing for that. Is it possible to add my own custom CSS to modify its appearance?
 

avatar
b.belbin
thumbnail image
Working with Group and Element Size in Flow
2023-03-24

Understanding the Size controls can help you customize responsive behavior and layout designs

2 min read
avatar
Chris Van Wingerden

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.