Edit a Steps Element

Steps to edit a Steps element.

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

Christopher Mines

2026-08-13

365

Show Me Guide Practice Me

00:00 Select the Steps Element on the page.

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

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

00:12 The new text is added. Select the Placeholder Text

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

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

00:20 Select the three-dot menu in the Inline Toolbar.

00:24 Select Options.

00:28 Select Left Icon under Label.

00:32 Select the + icon from the Pick an Icon Popup.

00:36 Select Ok.

00:40 The Icon is added to Tab 1. Select

Tab 2, and we’ll rename the tab for you.

00:44 To delete a content layout within a tab,

select the Placeholder within Tab 2.

00:48 In the Select Control Bar, select Delete.

00:52 Select Confirm Delete.

00:56 Select the + icon at the bottom of the element to add more content layouts to the Tab.

01:00 Select the Double-Body Content option.

01:04 Select the Text Icon within the first

Placeholder, and we’ll add text for you.

01:08 Within the second Placeholder, select the Image Icon.

01:12 Click Select the Image ShareContent_grey from the first Row.

01:16 Select Insert.

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

01:24 The New Tab is added.
To delete a tab, Select New Tab.

01:28 In the Select Control Bar, select Delete.

01:32 Select Confirm Delete.

01:36 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 element.

01:40 Select Options.

01:44 In the Options tab, under Orientation select Option 2.

01:48 Notice the Tabs are displayed on the left side. To adjust the Layout

of the tabs, select the Down icon under Layout.

01:52 Select Option 2 fromt he dropdown menu.

01:56 Notice the size of the Layout has been changed.

Select the left side of the Page to return to the Page content.

02:00 Preview the Current Page to see how the Steps

Element will look and behave for your learners.

Steps to add a Steps Element to a Page.

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

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

Steps to edit a Reveal element.

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

Steps to edit a Callout element.

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

Steps to Edit a Billboard element.

Use billboards as your big attention-grabbers. This lesson covers controlling the display properties of the Billboard element 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.

Steps to edit a Carousel Element.

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

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

Steps to edit a Tile Card element.

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

Steps to add a Global Variable to a text element.

This example uses a Global Variable for the company name.

Steps to edit a Panel element.

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 element to suit your design needs.

Steps to add an Icon to a Tab Set, Accordion, Steps, and Reveal Elements.

Icons are one of many design options you can add to Elements on the Engage tab.

Edit a Steps Element

Christopher Mines

Similar Projects

Add a Steps Element to a Page

Edit a Reveal Element

Edit a Callout Element

Edit a Billboard Element

Edit a Carousel Element

Edit a Card Element

Edit a Tile Card Element

Steps to Add a Global Variable to a Text Element

Edit a Panel Element

Add an Icon to a Tab Set, Accordion, Steps, and Reveal Elements

Questions ( 0 )

Comments ( 0 )