Edit a Tab Set Component

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 Options are shown in the Options Tab. To see all Options make sure you are in Designer Mode.

Laura Bertrand

2021-07-28

10341

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

Show Me Try Me Guide Practice Me Test Me

00:00 Select the Tab Set on the page.

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

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

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

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

00:20 Select the Three-Dot Menu in the Element Controls toolbar.

00:24 Select Options.

00:28 To add an Icon to the Tab, select Left Icon in the Options tab.

00:32 Select the Checkmark from the Pick an Icon popup.

00:36 Select Ok.

00:40 Select Tab 2 to access the content within.

00:44 To delete a content layout within a tab, select the Paragraph Text within Tab 2.

00:48 In the Select Control Bar, select the Red X icon.

00:52 Select Delete.

00:56 The content is deleted. Select the + icon at the bottom of the component to add more content layouts to the Tab.

01:00 Select the Double-Body Content option.

01:04 Select the Text icon in the left placeholder, and we’ll add text for you.

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

01:12 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 the Red X icon.

01:32 Select Delete.

01:36 The tab is deleted . 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.

01:40 Select Options.

01:44 The Options and Style tabs have a number of control and design options for the Tab Set Component as a whole. You can change the Orientation of the Tab Set, color. Use the FX tab to add effects to the component. In the Options tab, under Orientation select Option 2.

01:48 Notice the Tabs are displayed on the left side. Select the Left side of the Page to return to the Page content.

01:52 Preview the Current Page to see how the Tab Set will look and behave for your learners.