Skip to main content
  1. Thought Industries
  2. Content
  3. Course Page Types
  • Updated

Creating a Flip Cards Page

  1. Jump to

  2. Use Case Information
  3. Configuration

 

Researchers have found, incorporating interactivity into your self-paced courses, not only precipitates learner retention but a connection to your material on a personal level (amongst many more benefits). Thought Industries provides a numerous amount of interaction page types, with Flip Cards just being one of them.

Use Case Information

Flip cards are image or text tiles that a learner can click on to display additional information on the "reverse" side. Flip cards are an easy way to display images and relevant text in an interactive and engaging way without a text-heavy page. This page type is best used as a study tool or an interactive way to display multiple images that include corresponding text.

Learner View (Front of Cards Example):

FlipCardsPage_LearnerView1.png
Learner View (1st Card "Flipped" to Back):

FlipCardsPage_LearnerView2.png

Configuration

Here is how to include the Flip Cards page type in your course:

    1. From your homepage, select Courses > All Courses.
    2. Click the Content Title for to the course you want to alter.
    3. Within the course outline, go to the lesson where you'd like to add a flip cards page. 
    4. Click the plus sign in your course outline > hover over the Add Page icon and click.
      AddPageElement_GIF.gif
    5. Choose the Flip Cards page type.
      _CreatingFlipCard_InteractivePage_Adminview.png
    6. Add a page title.
    7. Click Save.
    8. Add the Flip Cards to your page. You may add both text cards (text appears on front) and image cards (image appears on front).
        • Adding a Text Card: Click on Add Text Card. Add front and back text. Select Background Color and Text Color. Click Save.
        • Adding an Image Card: Click on Add Image Card. Add card title and back text. Drag an image or click in the box to upload your image. Once image has been uploaded, you can resize and save it by clicking Crop & Select Image. Click Add Card.

          CreateFlipCard_BlankPage_AdminView.png

      Note

      Always be sure to follow the specification for loading assets into the platform stated in the container. All Flip Card images are required to be 340 x 340 pixels. For a complete list of specifications for assets, please refer to this article.

    9. Click Expand Sidebar to expose a text box editor (WYSIWYG) where you can provide additional information to your learners in the right margin of the page.

      CreateFlipPage_SidebarCompressed_AdminView.png

      CreateFlipPage_SidebarExpanded_AdminView.png
    10. You can also find the following options under Advanced Settings:
      • Unlocking for editing by children? - This offers Panorama roles, who have the permission, to edit this page in your course.
      • Indentation Level -

        The Indentation Level is behind a feature flag.

        This allows for the syllabus in the course menu to be indented. When enabled, you can nest pages under each other.

      • # of seconds required for completion - Number of seconds required to mark this page as complete. If set, the learner must remain on the page (without refreshing or going to another page) for the number of seconds specified in order to be marked complete.
      • Audio Narration File - Although it is not system functionality to record audio in the platform, you can upload audio files.
    11. Click Save.

Tip

A text block editor (WYSIWYG) is available on the top and bottom of all page types in the native course authoring tool to provide even more information to your learners.

Related articles