Step 1



Select the Reveal component on the page.

Step 2



Select the Options tab.

Step 3



The Options and Style tabs have a number of control and design options for the Reveal component as a whole. You can change the Orientation of the tabs, change the tab Control settings, add Icons to the tab headings, change the Color of the tabs, add a content Fill color, change the Shape of the Tabs, and set an Opacity. Select Justified to make the tabs align along the full Reveal component.

Step 4



To edit the content within each tab, double click on it.

Step 5



Select the first tab to edit it. *Note, you can see the other tabs by hovering over them.

Step 6



In the breadcrumb above the Stage, you will see that you are editing the 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. 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 tab to edit it.

Step 12



The breadcrumb above the Stage now shows that you are editing the second Tab. 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 is 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. To add a new tab, in the Options tab select Add Tab under Content.

Step 19



The new Tab is added. To remove a tab, Select the New Tab tab.

Step 20



In the Options tab, select Remove Tab under Content.

Step 21



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

Step 22



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

 0    0

Similar Projects

Questions  ( 0 )