Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
Steps to edit an Accordion Component.
Use the Accordion Component to show information in a tabbed menu, users can open and close tabs to view content within the Component. This lesson covers editing of the Accordion and controlling the display properties of the component to suit your design needs.
00:00 Select the Accordion Component on the page.
00:04 To edit the content within the Callout, select the Edit Icon in the Inline Toolbar, or double-click the Callout.
00:08 Select the Tab 1 Heading to edit it and we'll add text for you.
00:12 The new text is added.
Select the Content Text within Tab 1 to edit it and we'll add text for you.
00:16 Select the Do More heading and we'll add an icon.
00:20 Select the three-dot menu.
00:24 Select Options to view the Tab Heading options.
00:28 Select Left Icon.
00:32 Select the Checkmark from the Pick an Icon popup.
00:36 Select Ok.
00:40 Select the Do More tab to open the contents.
00:44 Select the + icon at the bottom of the component to add more content layouts to the Tab.
00:48 Select the Single-Body Content option.
00:52 Within the Placehold select the Image icon.
00:56 Select the courseObjectives_... image.
01:00 Select Insert.
01:04 The Image is added.
Select the scrollbar to move down within the component.
01:08 To add a new tab, select the + Icon at the bottom of the component.
01:12 New Tab is added.
To delete a tab, Select the New Tab.
01:16 In the Select Control Bar, select Delete.
01:20 Select Delete in the popup.
01:24 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.
01:28 Notice the Accordion Tabs are now closed.
Select the Page to return to the Page content.
01:32 Preview the Current Page to see how the Accordion will look and behave for your learners.
01:36 Steps completed
Comments ( 0 )
Sign in to join the discussion.