Step 1

 ¶ 


Select Add to your Page in the Selection Control Bar.

Step 2

 ¶ 


Select All Elements.

Step 3

 ¶ 


Select Flip Card Set under Containers.

Step 4

 ¶ 


The Configure your Flip Card Set popup shows. Select the Image Icon for the Front of Flip Card 1.

Step 5

 ¶ 


Select ShareContent_grey.

Step 6

 ¶ 


Select Insert.

Step 7

 ¶ 


Select the Text Icon for the Back of Flip Card 1.

Step 8

 ¶ 


Select the Text Area and we'll add text for you.

Step 9

 ¶ 


Select Ok.

Step 10

 ¶ 


Select the Image Icon for the Front of Flip Card 2. We'll add the image for you.

Step 11

 ¶ 


Select the Text Icon for the Back of Flip Card 1. We'll add the text for you.

Step 12

 ¶ 


To add another Flip Card to the set, select Add Another Flip Card at the bottom of the Configure popup.

Step 13

 ¶ 


Flip Card 3 has been added. To Delete a Flip Card from the set, select the X Icon beside Flip Card 3.

Step 14

 ¶ 


Flip Card 3 has been deleted from the set. Select Ok to finish the Configuration.

Step 15

 ¶ 


Select the three-dot menu in the Inline Toolbar. Have access to the Options, and FX tabs, Accessibility panel, and add a New Comment, or Delete the component.

Step 16

 ¶ 


Select Options.

Step 17

 ¶ 


The Options tab has a number of control and design options for the Flip Card Set as a whole. You can Edit to Configure the Content, set a Trigger, add a Border, add a Flip Icon, set the Size, and add a Background Fill color. Use the FX tab to add effects to the component. Select the Third Option under Size (Large).

Step 18

 ¶ 


The size of the component has changed. Select Fill to change the background color of the Flip Cards.

Step 19

 ¶ 


Select Light Grey in the first column.

Step 20

 ¶ 


The backgorund color of the Flip Cards is changed. Select the Left side of the Page to return to the Page content.

Step 21

 ¶ 


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

  0     0

Similar Projects

Adding narrations in the Flip card
2023-10-15

New in Claro!
The goal is to narrate when someone flip the card. 
I have added the flip card on my slide but I am not able to add narration in it.  Can someone give the instructions on how to add triggers in the flip card? I would highly appreciate that. 
 
Regards,
MH

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

avatar
Chris Van Wingerden
thumbnail image
Add a Card Component to a Page
2021-07-21

Steps to add a Card Component to a Page.

Cards are one of many components available in dominKnow.

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

avatar
Laura Bertrand
thumbnail image
Add a Tile Card Component to a Page
2021-08-12

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.

avatar
Laura Bertrand
thumbnail image
Edit a Card Component
2021-07-26

Use cards to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Card component to suit your design needs.

Note: Cards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

avatar
Laura Bertrand
Tooltip Not Working on Hover
2023-05-31

Hi, I added a tooltip to the word "hover" in one of my projects. However, when previewing the project, the tooltip does not appear when I hover, instead if I click on the tooltip it will then appear. I have the tooltip inside a flip card. When I click on the word 'hover' the flip card flips and then shows the tooltip. This is not the action I was wanting. 
 

avatar
b.belbin
thumbnail image
Add a Hover Animation to a Tile Card Component
2022-01-04

Steps to add a Hover Animation to a Tile Card component.

avatar
Laura Bertrand
thumbnail image
Setting Tabsets, Accordion Menus, Flip Cards and Carousels to show a completion checkmark
2019-10-28

A Publishing Profile setting lets you show learners what they've completed on these interactive Engage components

1 min read
avatar
Chris Van Wingerden
thumbnail image
Resize an Engage Component in Claro
2022-01-05

Steps on how to resize any Engage Component in Claro.

Resize a Tabset, Accordion, Steps, Carousel, Reveal, Tile Card, Flip Card, Scenario, Card Sets, Video Playlists, Panel, Card, Callouts, Billboard, and inline questions.

avatar
Laura Bertrand

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.