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 Image icon within the First Placeholder.

Step 4

 ¶ 


Select the ShareContent_grey Image.

Step 5

 ¶ 


Select Insert.

Step 6

 ¶ 


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

Step 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,.

Step 8

 ¶ 


In the Select Control Bar, select Delete.

Step 9

 ¶ 


Select Delete.

Step 10

 ¶ 


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

Step 11

 ¶ 


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

Step 12

 ¶ 


Select the Double-body with Heading option.

Step 13

 ¶ 


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

Step 14

 ¶ 


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

Step 15

 ¶ 


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

Step 16

 ¶ 


In the Select Control Bar, select Delete.

Step 17

 ¶ 


Select Delete.

Step 18

 ¶ 


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

Step 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.

Step 20

 ¶ 


Select Options.

Step 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.

Step 22

 ¶ 


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

Step 23

 ¶ 


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

  0     0

Similar Projects

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
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 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
Add a Timeline Component to a Page in Flow
2021-08-13

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

Timeline component is one of many components available on the Engage Tab in Flow.

avatar
Laura Bertrand
thumbnail image
Edit content in a Tab Set component in Flow
2021-05-07

Steps to edit the content in a Tab Set component.

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
thumbnail image
Edit content in a Tab Set component in Flow
2019-09-12

Steps to edit the content in a Tab Set component.

When editing the content in Engage Components you enter a special Edit mode on the Stage.

When you are finished with the content edits you use the Exit button in the breadcrumb to leave the Edit mode.

avatar
Chris Van Wingerden
thumbnail image
Edit a Billboard Component
2021-08-13

Steps to Edit a Billboard component.

Use billboards as your big attention-grabbers. This lesson covers controlling the display properties of the Billboard component to suit your design needs.
Note: Billboards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

avatar
Laura Bertrand
thumbnail image
Edit a Panel Component
2021-07-28

Steps to edit a Panel component.

Use Panels to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Panel component to suit your design needs.

avatar
Laura Bertrand
thumbnail image
Edit a Card Component
2021-07-26

Use cards to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Card component to suit your design needs.

Note: Cards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

avatar
Laura Bertrand

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.