Step 1

 ¶ 

Select the Steps Component on the page.

Step 2

 ¶ 

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

Step 3

 ¶ 

Select Tab 1 to edit it and we'll add text for you.

Step 4

 ¶ 

The new text is added. Select the Placeholder Text within the Tab 1 to edit it and we'll add text for you.

Step 5

 ¶ 

To add an Icon to a Tab, select the Do More tab.

Step 6

 ¶ 

Select the three-dot menu in the Inline Toolbar.

Step 7

 ¶ 

Select Options.

Step 8

 ¶ 

Select Left Icon under Label.

Step 9

 ¶ 

Select the Checkmark from the Pick an Icon popup.

Step 10

 ¶ 

Select Ok.

Step 11

 ¶ 

The Icon is added to Tab 1. Select Tab 2, and we’ll rename the tab for you.

Step 12

 ¶ 

To delete a content layout within a tab, select the Placeholder within Tab 2.

Step 13

 ¶ 

In the Select Control Bar, select Delete.

Step 14

 ¶ 

Select Delete.

Step 15

 ¶ 

Select the + icon at the bottom of the component to add more content layouts to the Tab.

Step 16

 ¶ 

Select the Double-Body Content option.

Step 17

 ¶ 

Select the Text Icon within the first Placeholder, and we’ll add text for you.

Step 18

 ¶ 

Within the second Placeholder, select the Image Icon.

Step 19

 ¶ 

Select the Image ShareContent_grey from the first Row.

Step 20

 ¶ 

Select Insert.

Step 21

 ¶ 

To add a new tab, select the + Icon beside the Tabs.

Step 22

 ¶ 

New Tab is added. To delete a tab, Select New Tab.

Step 23

 ¶ 

In the Select Control Bar, select Delete.

Step 24

 ¶ 

Select Delete.

Step 25

 ¶ 

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

Step 26

 ¶ 

Select Options.

Step 27

 ¶ 

The Options and Style tabs have a number of control and design options for the Steps Component as a whole. You can change the Orientation, Respond at (in Flow), Enable/Disable Justified, Enable/Disable Sequential, Enable/Disable Start Unopened, Add Content, Enable/Disable Controls, Starting layout, Adjust the Shape of the tabs, Color, Opacity and Background Fill. Use the FX tab to add effects to the component. In the Options tab, under Orientation select Option 2.

Step 28

 ¶ 

Notice the Tabs are displayed on the left side. To adjust the Layout of the tabs, select the Down icon under Layout.

Step 29

 ¶ 

Select Option 2 fromt he dropdown menu.

Step 30

 ¶ 

Notice the size of the Layout has been changed. Select the left side of the Page to return to the Page content.

Step 31

 ¶ 

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

Similar Projects

thumbnail image
Add a Steps Component to a Page
2021-07-29

Steps to add a Steps Component to a Page.

Steps are one of many components available on the Engage Tab.

The learner can interact with the Steps component by clicking each tab to open the content within.

avatar
Laura Bertrand
thumbnail image
Edit a Reveal Component
2021-08-09

Steps to edit a Reveal component.

You can add any content to the Reveal component, add multiple tabs, as well as control many display properties.

avatar
Laura Bertrand
thumbnail image
Edit a Tile Card Component
2021-08-12

Steps to edit a Tile Card component.

You can edit the text, change the icon on the Tile Card, as well as control the background display options.

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

Steps to edit a Tab Set component.

Use Tab Sets to display information in a tabbed layout. Tab Sets are available in a variety of orientations for you to choose from. All types can be formatted and styled for numerous appearances and behaviors.

Notes:
1. There is a publishing profile option that allows you to turn on or off completion checkmarks for tab sets and accordions. See the article: Publishing Profile Options for more information.
2. When in Essentials, only a limited amount of Opti...

avatar
Laura Bertrand
thumbnail image
Edit a Callout Component
2021-07-20

Steps to edit a Callout component.

Use callouts to set apart certain information, and add various styles, borders and icons. This lesson covers controlling the display properties of the Callout component to suit your design needs.

avatar
Laura Bertrand
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 Carousel Component
2021-08-09

Steps to edit a Carousel component.

You can add any content to each slide within the Carousel, as well as control many display and play options.

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

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.