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

11376

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

Show Me Try Me Guide Practice Me Test Me

Download Job Aid

Step 1

Select the Tab Set on the page.

Step 2

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

Step 3

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

Step 4

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

Step 5

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

Step 6

Select the Three-Dot Menu in the Element Controls toolbar.

Step 7

Select Options.

Step 8

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

Step 9

Select the Checkmark from the Pick an Icon popup.

Step 10

Select Ok.

Step 11

Select Tab 2 to access the content within.

Step 12

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

Step 13

In the Select Control Bar, select the Red X icon.

Step 14

Select Delete.

Step 15

The content is deleted. 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 in the left 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

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

Step 23

In the Select Control Bar, select the Red X icon.

Step 24

Select Delete.

Step 25

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.

Step 26

Select Options.

Step 27

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.