Edit a Timeline Component in Flow

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.

Laura Bertrand

2021-08-16

5064

Product: dominKnow | ONE | Version: 7.4
Applies to: Flow

Show Me Try Me Guide Practice Me Test Me

1

Select the Timeline on the page.

Click the continue button:
2

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

Click the continue button:
3

Select the Image icon within the First Placeholder.

Click the continue button:
4

Select the ShareContent_grey Image.

Click the continue button:
5

Select Insert.

Click the continue button:
6

Within the Second Placeholder, select the Text Icon and we'll add text for you.

Click the continue button:
7

Notice that Inline styles are available for the content. To delete a Placeholder, Select the First Placeholder (1/2 showing) in the Second Node,.

Click the continue button:
8

In the Select Control Bar, select Delete.

Click the continue button:
9

Select Delete.

Click the continue button:
10

The Placeholder is deleted, select the remaining Placeholder and we'll delete it for you.

Click the continue button:
11

Select the + icon within the Node Content Area to add more content layouts.

Click the continue button:
12

Select the Double-body with Heading option.

Click the continue button:
13

Select the Node Content Area and we'll add the content for you.

Click the continue button:
14

You can continue to add more Content Layouts to a Node by selecting the + Icon within the Node Content Area.

Click the continue button:
15

To Delete a Node, select the Third Node Icon. (Bottom Node Icon)

Click the continue button:
16

In the Select Control Bar, select Delete.

Click the continue button:
17

Select Delete.

Click the continue button:
18

The Node has been deleted. Select the Scrollbar to move the page back to the top.

Click the continue button:
19

Select the three-dot menu in the Inline Toolbar. Have access to the Options, and FX tabs, Accessibility panel, and add a New Comment, or Delete the component.

Click the continue button:
20

Select Options.

Click the continue button:
21

The Options tab has a number of control and design options for the Timeline as a whole. You can change when the Timeline responds, Add and Remove Nodes, Enable/Disable Animate Entrace, Remove or Add Gutters, and have access to the Node Settings. *Node Settings are disabled when a Node is not selected* Use the FX tab to add effects to the component. Select Add Node to add a new Node to the Timeline.

Click the continue button:
22

The new Node is added. Select the Left Side of the page/Left Side Panel to return to the page content.

Click the continue button:
23

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

Click the continue button: