Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Flash Card Activity

With the Flash Card Activity, students can view text, images or media and can "flip" the card to see additional content.

See online example.

Panel
bgColor#DEEBFF

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Character limits:

Maximum 40 characters

Up to 20 characters fit on the label in one line

Unlimited

Activity image best practice:

Recommended image size 1020 x665 740 px width x 240 px height to fill slide without a scrollbar.

Panel
bgColor#DEEBFF

A scrollbar will be available to view content that expands more than 740 pixel width or 255 pixel height.

To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).

Panel
bgColor#DEEBFF

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Panel
bgColor#DEEBFF

Image of Completed Activity

Flash Card Activity.pngImage Added
Panel
bgColor#DEEBFF

Tips

  1. Images with little or no text work best with this activity.When a user clicks the X in the activity, the card is removed from the deck temporarily.
    This is a study guide feature that allows the user to customize the deck to meet their study needs.
    The card is maintained in the activity and will repopulate when the page is refreshed.

  2. A vertical scrollbar will be available to view content that expands more than 255 pixel height.

  3. Customize the Animation method used to Card Flip, Move to Next Card, or Move to Previous

Flash Card Animation.mp4
Panel
bgColor#DEEBFF

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

  • Label Slide textLabel alt text

  • Image Alternative Text

Panel
bgColor#DEEBFF

Keyboard Command list for Activity

Flash Card Activity Keyboard Commands.pngImage Added

Create a Flash Card Activity

Panel
bgColor#DEEBFF

Build the Activity

  1. Click + to create a card.

  2. Add text, image, or media content to the card.

  3. Click in the editor window to:

  • Format text font style, size, color, and


  • alignment.

  • Click the image icon to


  • add an image to the


  • flash card.

  • Click the media icon to


  • add media to the flash


  • card.

  • Use the link icon to


  • hyperlink text to a


  • website, local files, etc.

3.
  • Use the

Flash Card
  • right-click menu to add


  • even more features.

4.

Click on Front/Back to
edit the opposite side of
the card.Change the animation

Adjust the Animation method (optional)

used for

:

  • Card

flip
  • Flip

  • Move to Next Card

  • Move to Previous

Card
6

5. Turn Shuffle: On to


automatically rearrange


the cards.


7. Click OK to insert the
activity into your lesson.

7. (optional)

6. When finished, click OK.
The Labeling Flash Card Activity placeholder will appear in the lesson.

8 7. Preview the lesson changes.

Panel
bgColor#DEEBFF

Labeling Flash Card Activity video

Labeling Flash Card Activity.mp4

Panel
bgColor#DEEBFF

Show Answers (on)

When Show Answers is enabled, any empty placeholder will automatically display the label in the correct placeholder.

Panel
bgColor#DEEBFF

Video of Show Answers Enabled

Lableing Activity Show Answer Enabled.mp4
Panel
bgColor#DEEBFF

Show Answers (off)

When Show Answers is disabled, any label not in a placeholder will remain in the left-hand column and the placeholder will remain empty.

Panel
bgColor#DEEBFF

Video of Show Answers Disabled

Labeling Show Answer Disabled.mp4
Labeling Activity

Flash Card Activity Mobile Views

Vertical

Horizontal

Labeling Activity Vertical.pngImage RemovedFlash Card Vertical.pngImage AddedLabeling Activity Horizontal.pngImage RemovedFlash Card Activity Horizontal.pngImage Added