Step 1



Select the Flip Card on the page.

Step 2



Select the Options tab.

Step 3



The Options tab has a number of control and design options for the Flip Card as a whole. You can set a Trigger, add a Border, set how the content will align within the Flip Card, add a Flip Icon and add a background fill color. Select Borders to add a border to the Flip Card.

Step 4



Select Flip Icon to add an icon cue to help the learner understand how to interact with the Flip Card.

Step 5



To edit the content within the Flip Card, double click on it.

Step 6



In the breadcrumb above the Stage, you can see that you are editing the Front of the Flip Card. You can also see that the Options tab is different, because it has options for design and control of the Front of the Flip Card. You can set the Front to show a header, a footer or both. If those options are chosen you can control if the front panel should be allowed to collapse or to start collapsed as well as show controls for that state. You can also set a Border for the front of the Flip Card and choose to show a left or right icon in the Header field. On the front of the Flip Card, 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 aleady 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 front of the Flip Card. To edit the Back of the Flip Card, select the icon at the top of the Flip Card to switch sides.

Step 11



The breadcrumb above the Stage now shows that you are editing the Back. Select the Header and Body content layout.

Step 12



Placeholders are added. Select the text in the Header Placeholder.

Step 13



For this example we have added text to the Header Placeholder and center-aligned it. Select the text option for the Body Placeholder.

Step 14



For this example we have added text to the Body Placeholder and center-aligned it. Select outside of the Placeholder to save the text change.

Step 15



You can use the + icon to add more content layouts to the back of the Flip Card. Select the Exit button to leave edit mode and return to the main Page content.

Step 16



Preview the Current Page to see how the Flip Card will look and behave for your learners.
 0    0

Questions  ( 0 )