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.
To edit the content within the Tab Set, select the Edit Icon in the Inline Toolbar, or double-click the Tab Set.
Click the continue button:
3
Select Tab 1 to edit it and we'll add text for you.
Click the continue button:
4
The new text is added.
Select the Text within the Tab 1 to edit it and we'll add text for you.
Click the continue button:
5
To add an Icon to the Tab, select the Do More tab.
Click the continue button:
6
Select the Three-Dot Menu in the Element Controls toolbar.
Click the continue button:
7
Select Options.
Click the continue button:
8
To add an Icon to the Tab, select Left Icon in the Options tab.
Click the continue button:
9
Select the Checkmark from the Pick an Icon popup.
Click the continue button:
10
Select Ok.
Click the continue button:
11
Select Tab 2 to access the content within.
Click the continue button:
12
To delete a content layout within a tab, select the Paragraph Text within Tab 2.
Click the continue button:
13
In the Select Control Bar, select the Red X icon.
Click the continue button:
14
Select Delete.
Click the continue button:
15
The content is deleted.
Select the + icon at the bottom of the component to add more content layouts to the Tab.
Click the continue button:
16
Select the Double-Body Content option.
Click the continue button:
17
Select the Text icon in the left placeholder, and we’ll add text for you.
Click the continue button:
18
Within the second Placeholder, select the Image Icon.
Click the continue button:
19
Select the image ShareContent_grey from the first Row.
Click the continue button:
20
Select Insert.
Click the continue button:
21
To add a new tab, select the + Icon beside the tabs.
Click the continue button:
22
The New Tab is added.
To delete a tab, Select New Tab.
Click the continue button:
23
In the Select Control Bar, select the Red X icon.
Click the continue button:
24
Select Delete.
Click the continue button:
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.
Click the continue button:
26
Select Options.
Click the continue button:
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.
Click the continue button:
28
Notice the Tabs are displayed on the left side.
Select the Left side of the Page to return to the Page content.
Click the continue button:
29
Preview the Current Page to see how the Tab Set will look and behave for your learners.
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.
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.
Comments ( 0 )
Sign in to join the discussion.