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 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 ...

thumbnail image
Edit a Flip Card component
2019-10-30

Steps to edit a Flip Card component.

You can add any content to the front and back of a Flip Card as well as control many display properties.

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.

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

Steps to add a Tile Card component to a Page.

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

The learner can interact with the Tile Card when an action or trigger is applied to the card.

thumbnail image
Edit a Card Component
2019-10-18

Steps to edit a Card component.

You can add any content to the Card, add a button, as well as control many display properties.

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.

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.

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.

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.

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

Steps to add a Carousel component to a Page.

Carousel is one of many components available on the Engage tab.

The learner can interact with the Carousel by clicking next/previous buttons to view the content on each slide.

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 ...

thumbnail image
Edit a Flip Card component
2019-10-30

Steps to edit a Flip Card component.

You can add any content to the front and back of a Flip Card as well as control many display properties.

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.

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

Steps to add a Tile Card component to a Page.

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

The learner can interact with the Tile Card when an action or trigger is applied to the card.

thumbnail image
Edit a Card Component
2019-10-18

Steps to edit a Card component.

You can add any content to the Card, add a button, as well as control many display properties.

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.

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.

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.

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.

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

Steps to add a Carousel component to a Page.

Carousel is one of many components available on the Engage tab.

The learner can interact with the Carousel by clicking next/previous buttons to view the content on each slide.

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.