Step 1



Select the Accordion on the page.

Step 2



Select the Options tab. The Options and Style tabs have a number of control and design options for the Accordion as a whole. You can change the Accordion Control settings, show or hide the +/- icons, add Icons to the Accordion Tab Headings, change the Color of the Accordion tabs, add a content Fill color, and set an Opacity.

Step 3



In the Options tab, select Start Unopened under Controls to collapse the Accordion.

Step 4



You will notice that the Accordion collapsed. To edit the content within each tab, double click on the accordion.

Step 5



Select the first Accordion tab to edit it. In the breadcrumb above the Stage, you will see that you are editing the Accordion tab you selected. You can also see that the Options tab is different, because it has options for adding or removing tabs, and choose to show a left or right icon in the tab Header field.

Step 6



On each tab, you can choose from several content layout options. Select the single-body content option.

Step 7



A Placeholder will be added. Select the Image icon to add an image.

Step 8



The Media Browser will open. You can upload a new image or use one that has already been uploaded. Select the ShareContent_grey image.

Step 9



Select Insert.

Step 10



The image has been added to the Placeholder. You can use the + icon to add more content layouts to the tab.

Step 11



Select the second Accordion tab to edit it. The breadcrumb above the Stage now shows that you are editing the second Accordion Tab.

Step 12



Select the Header and Two Body content layout.

Step 13



Placeholders are added. Select the text in the header placeholder.

Step 14



Add text. Select the Image icon in the first Body Content Placeholder to add an image.

Step 15



The Media Browser will open. You can upload a new image or use one that has already been uploaded. Select the ShareContent_grey image.

Step 16



Select Insert.

Step 17



The image has been added. Select the text option for the second Body Content Placeholder.

Step 18



Add text. You can use the + icon to add more content layouts to the tab.

Step 19



Select the first accordion tab to collapse it.

Step 20



To add a new tab, in the Options tab select the Add Tab under Content.

Step 21



The new tab has been added. To remove a tab, select the fourth Accordion tab.

Step 22



In the options tab, select Remove Tab under Content.

Step 23



Select Delete.

Step 24



The tab has been removed. Select the Exit button to leave edit mode and return to the main Page content.

Step 25



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

  0     0

Similar Projects

Questions  ( 0 )