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

Questions  ( 0 )