Step 1

 ¶ 


Select the Accordion Component on the page.

Step 2

 ¶ 


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

Step 3

 ¶ 


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

Step 4

 ¶ 


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

Step 5

 ¶ 


Select the Do More heading and we'll add an icon.

Step 6

 ¶ 


Select the three-dot menu.

Step 7

 ¶ 


Select Options to view the Tab Heading options.

Step 8

 ¶ 


Select Left Icon.

Step 9

 ¶ 


Select the Checkmark from the Pick an Icon popup.

Step 10

 ¶ 


Select Ok.

Step 11

 ¶ 


Select the Do More tab to open the contents.

Step 12

 ¶ 


Select the + icon at the bottom of the component to add more content layouts to the Tab.

Step 13

 ¶ 


Select the Single-Body Content option.

Step 14

 ¶ 


Within the Placehold select the Image icon.

Step 15

 ¶ 


Select the courseObjectives_... image.

Step 16

 ¶ 


Select Insert.

Step 17

 ¶ 


The Image is added. Select the scrollbar to move down within the component.

Step 18

 ¶ 


To add a new tab, select the + Icon at the bottom of the component.

Step 19

 ¶ 


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

Step 20

 ¶ 


In the Select Control Bar, select Delete.

Step 21

 ¶ 


Select Delete in the popup.

Step 22

 ¶ 


The tab is deleted. You can use the three-dot menu in the Inline Toolbar within the component to access the Options, Styles and FX tabs, Accessibility panel, and add a New Comment, or Delete the component. In the Options tab, select Start Unopened.

Step 23

 ¶ 


Notice the Accordion Tabs are now closed. Select the Page to return to the Page content.

Step 24

 ¶ 


Preview the Current Page to see how the Accordion will look and behave for your learners.

Step 25

 ¶ 


Steps completed

  0     0

Similar Projects

thumbnail image
Add an Accordion Component to a Page
2021-07-26

Steps to add an Accordion Component to a Page.

Accordions are one of many components available on the Engage Tab.

The learner can interact with the Accordion component by clicking each tab to open the content within.

avatar
Laura Bertrand
thumbnail image
Add an Icon to a Tab Set, Accordion, Steps, and Reveal Components
2021-09-13

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

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

avatar
Laura Bertrand
thumbnail image
Edit a Callout Component
2021-07-20

Steps to edit a Callout component.

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

avatar
Laura Bertrand
thumbnail image
Edit a Reveal Component
2021-08-09

Steps to edit a Reveal component.

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

avatar
Laura Bertrand
thumbnail image
Edit a Card Component
2021-07-26

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.

avatar
Laura Bertrand
thumbnail image
Edit a Carousel Component
2021-08-09

Steps to edit a Carousel component.

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

avatar
Laura Bertrand
thumbnail image
Edit a Panel Component
2021-07-28

Steps to edit a Panel component.

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.

avatar
Laura Bertrand
thumbnail image
Edit a Steps Component
2021-07-30

Steps to edit a Steps component.

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.

avatar
Laura Bertrand
thumbnail image
Edit a Tab Set Component
2021-07-28

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

avatar
Laura Bertrand
thumbnail image
Edit a Billboard Component
2021-08-13

Steps to Edit a Billboard component.

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

avatar
Laura Bertrand

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.