Step 1

 ¶ 


Select the Engage Tab.

Step 2

 ¶ 


Select Flip Set under Widgets.

Step 3

 ¶ 


Select where on the page to add the Flip Card Set. In Claro, click anywhere on the page. In Flow, Select or add a Placeholder element.

Step 4

 ¶ 


Once the Flip Set is added, the Configure your Flip Card Set popup shows. Within the first Flip Set, under Front select the Image icon to add an image.

Step 5

 ¶ 


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 6

 ¶ 


Select Insert.

Step 7

 ¶ 


The image has been added to the Front of the first Flip Card set. Within the first Flip Set, under Back select the Text icon.

Step 8

 ¶ 


The text editor popup will show. Select the Text area to add text.

Step 9

 ¶ 


Select Ok.

Step 10

 ¶ 


The first Flip Card within the Flip Card Set is now ready.

Within the second Flip Set, under Front select the Text icon.

Step 11

 ¶ 


Select the Text area to add text.

Step 12

 ¶ 


Select Ok.

Step 13

 ¶ 


Within the second Flip Set, under Back select the Image icon.

Step 14

 ¶ 


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 15

 ¶ 


Select Insert.

Step 16

 ¶ 


The second Flip Card within the Flip Card Set is now ready.

To add another Flip Card within the Flip Card Set, Select Add Another Flip Card.

Step 17

 ¶ 


Another flip card has been added to the Flip Card Set. To remove a Flip Card from the Flip Card set, locate the Flip Card you want to Remove. Select the X beside the Flip Card.

Step 18

 ¶ 


Select Ok to confirm on the Alert popup.

Step 19

 ¶ 


The Flip Card has been removed from the Flip Card Set.

Select Ok to close the Configure your Flip Card Set popup.

Step 20

 ¶ 


Select Options.

Step 21

 ¶ 


The Options tab has a number of control and design options for the Flip Card Set as a whole. You can edit the content within, change the trigger, style, size, and background color of the Flip Cards.

Select Option 3 under Size to make the Flip Card Set bigger on the page.

Step 22

 ¶ 


The Size of the Flip Cards increased. Select the Flip Card Set element side handle to resize the component.

Step 23

 ¶ 


The component is resized.

 0    0

Similar Projects

thumbnail image
Add a Card Component to a Page
2019-10-18

Steps to add a Card Component to a Page.

Cards are one of many components available on the Engage tab.

The learner can interact with a Card by selecting the button within the card if applied.

avatar
Laura Bertrand
thumbnail image
Add a Step Component to a Page
2019-10-18

Steps to add a Steps Component to a Page.

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

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

avatar
Laura Bertrand
thumbnail image
Add an Accordion Component to a Page
2019-10-18

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 a Flip Card component to a Page
2019-10-30

Steps to add a Flip Card component to a Page.

A Flip Card is one of many options available on the Engage tab's Interactive Components section. It allows you to add a single Flip Card to your page.

The learner can interact with the card to flip it from the front side to the back side.

There is also a Flip Set component in the Widgets area of the Engage tab which we recommend using if you want to have more than one flip card. The Flip Set offers better control over matching height than you ...

avatar
Chris Van Wingerden
thumbnail image
Add a Tabset Component to a Page
2019-10-16

Steps to add a Tabset Component to a Page.

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

The learner can interact with the tabset by clicking each tab to change the content shown.

avatar
Laura Bertrand
thumbnail image
Add a Panel Component to a Page
2019-10-18

Steps to add a Panel Component to a Page.

Panels are one of many components available on the Engage tab.

The learner can interact with a Panel by opening and closing it if allowed.

avatar
Laura Bertrand
thumbnail image
Add a Call Out Component to a Page
2019-10-16

Steps to add a Call Out Component to a Page.

Call Outs are one of many components available on the Engage tab.

avatar
Laura Bertrand
thumbnail image
Add a Billboard Component to a Page
2019-10-18

Steps to add a Billboard Component to a Page.

Billboards are one of many components available on the Engage tab.

Learners can interact with a Billboard by clicking the button if applied.

avatar
Laura Bertrand
thumbnail image
Add a Reveal Component to a Page
2019-10-18

Steps to add a Reveal component to a Page.

Reveal is one of many components available in the Engage tab.

The learning can interact with the Reveal component by clicking each tab to change the content shown.

avatar
Laura Bertrand
thumbnail image
Add a Multiple Choice Question Component
2019-10-18

Steps to add a Multiple Choice Inline Question Component to a Page.

Multiple Choice Inline Questions are one of many components available on the Engage Tab.

The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback, or the learner can input their mood using the mood progress bar.

avatar
Laura Bertrand
thumbnail image
Add a Card Component to a Page
2019-10-18

Steps to add a Card Component to a Page.

Cards are one of many components available on the Engage tab.

The learner can interact with a Card by selecting the button within the card if applied.

avatar
Laura Bertrand
thumbnail image
Add a Step Component to a Page
2019-10-18

Steps to add a Steps Component to a Page.

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

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

avatar
Laura Bertrand
thumbnail image
Add an Accordion Component to a Page
2019-10-18

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 a Flip Card component to a Page
2019-10-30

Steps to add a Flip Card component to a Page.

A Flip Card is one of many options available on the Engage tab's Interactive Components section. It allows you to add a single Flip Card to your page.

The learner can interact with the card to flip it from the front side to the back side.

There is also a Flip Set component in the Widgets area of the Engage tab which we recommend using if you want to have more than one flip card. The Flip Set offers better control over matching height than you ...

avatar
Chris Van Wingerden
thumbnail image
Add a Tabset Component to a Page
2019-10-16

Steps to add a Tabset Component to a Page.

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

The learner can interact with the tabset by clicking each tab to change the content shown.

avatar
Laura Bertrand
thumbnail image
Add a Panel Component to a Page
2019-10-18

Steps to add a Panel Component to a Page.

Panels are one of many components available on the Engage tab.

The learner can interact with a Panel by opening and closing it if allowed.

avatar
Laura Bertrand
thumbnail image
Add a Call Out Component to a Page
2019-10-16

Steps to add a Call Out Component to a Page.

Call Outs are one of many components available on the Engage tab.

avatar
Laura Bertrand
thumbnail image
Add a Billboard Component to a Page
2019-10-18

Steps to add a Billboard Component to a Page.

Billboards are one of many components available on the Engage tab.

Learners can interact with a Billboard by clicking the button if applied.

avatar
Laura Bertrand
thumbnail image
Add a Reveal Component to a Page
2019-10-18

Steps to add a Reveal component to a Page.

Reveal is one of many components available in the Engage tab.

The learning can interact with the Reveal component by clicking each tab to change the content shown.

avatar
Laura Bertrand
thumbnail image
Add a Multiple Choice Question Component
2019-10-18

Steps to add a Multiple Choice Inline Question Component to a Page.

Multiple Choice Inline Questions are one of many components available on the Engage Tab.

The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback, or the learner can input their mood using the mood progress bar.

avatar
Laura Bertrand

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.