Quick Start Guide: Flip Cards Component
Below are tips to help you build and customize your Flip Cards component.
Note: The Flip Cards component is structured using the Flip Card Builder table. Each row of this table represents a flip card, and consists of a corresponding Flip Card ID, Flip Card Name, and Content.
Adding and deleting flip cards
Use the floating table functions menu in the Flip Card Builder table to add or delete flip cards by adding or deleting rows. This floating menu will appear at the top or bottom when you click anywhere inside the table column or row:
- Add a flip card before an existing flip card
To add a new flip card before an existing flip card, you will add a row above an existing row: - In the Flip Card Builder table, select the entire row that corresponds to the flip card that you want to come after the new flip card.
- Locate the floating table functions menu. Once the row has been selected, this menu should appear either at the top or bottom of the row.
- Select the icon that has the plus sign at the top left to add the new row.
- Add a flip card after an existing flip card
To add a new flip card after an existing flip card, you will add a row below an existing row: - In the Flip Card Builder table, select the entire row that corresponds to the flip card that you want to come before the new flip card.
- Locate the floating table functions menu. Once the row has been selected, this menu should appear either at the top or bottom of the row.
- Select the icon that has the plus sign at the bottom left to add the new row.
- Delete an existing flip card
To delete an existing flip card, you will delete an existing row: - In the Flip Card Builder table, select the entire row that corresponds to the flip card that you want to delete.
- Locate the floating table functions menu. Once the row has been selected, this menu should appear either at the top or bottom of the row.
- Select the icon that has the minus sign at the bottom right to delete the row.



Adding content to a flip card
Once a flip card row has been added, fill in the following fields:
Field |
Description |
---|---|
Flip Card Front Top Header |
This text appears along the top of the front face of the flip card. |
Flip Card Front Content |
This content appears on the front face of the flip card. |
Flip Card Back Top Header |
This text appears along the top of the back face of the flip card. |
Flip Card Back Content |
This content appears on the back face of the flip card. |
A few helpful hints:
- You can undo by using the keyboard shortcut [PC: Ctrl + z] or [Mac: Cmd + z].
- If undo does not work, click the “Cancel” button to discard any unwanted or accidental changes.
- Pro Tip : If you want to paste text from other sources, use the keyboard shortcut [PC: Shift + Ctrl + v] or [Mac: Shift + Cmd + v] to paste without source formatting.
Copying, moving or deleting the Flip Cards component
The Flip Card component can be copied, moved or deleted through the following steps:

- Scroll up to the “Information Card” section, near the top of the component.
- Select the component by clicking anywhere in the “Information Card” area. A light blue highlight will appear around the component.
- Use keyboard shortcuts to perform the desired operation:
Operation
PC
Mac
Cut
Ctrl +x
Cmd +x
Copy
Ctrl +c
Cmd +c
Delete
Delete
fn + Delete
Paste
Ctrl +v
Cmd + v