Documentation

Flash Cards

Description

In the Flash Cards module, you can create cards with varied content such as text, images, and audio, which are different at the front and back of the card. Each card can be marked as a favorite and graded by the student as correct or wrong in the activity mode.

Properties

The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.

Property name Description
Cards A list of card items in which you define the front and back of each card.
- Front: The content displayed on the front side of the card.
- Back: The content displayed on the back side of the card. It is shown when the user clicks on the front side of the card.
- Audio Front: The audio file in mp3 format to be displayed on the front side of the card.
- Audio Back: The audio file in mp3 format to be displayed on the back side of the card.
Disable Loop Disables the loop mode, so that the "previous" button won't turn to the first card and the "next" button won't turn to the last one.
Favourites Enables marking cards as favourite. When enabled, the button is displayed on each card.
Hide Previous and Next Buttons Makes Previous and Next Buttons invisible.
Show Activity Buttons Displays Activity Buttons that allow marking the cards as correct or wrong. The buttons also allow users to reset the cards' state.
Is Activity When enabled, the module sends the score data depending on how many cards are marked as correct and wrong by Activity Buttons.

Supported commands

Command name Params Description
show - Displays the module.
hide - Hides the module.
nextCard - Turns to the next card. If "disable loop property" is enabled, it stops at the last card.
prevCard - Turns to the previous card. If "disable loop property" is enabled, it stops at the fisrt card.
reset - Resets everything to the initial state.
resetFavourites - Resets favourite cards' selection.
ShowOnlyFavourites - Displays only the cards marked as favourite.
ShowAllCards - Displays all cards, favourite or not.
countFavourites - Returns the number of cards marked as favourite.
play cardNumber, reverse Plays the audio file of the indicated card and side. If no argument is provided, the method will play the audio associated with the currently visible card and side. If there is no audio file associated with the selected card and side, the method does nothing. The reverse argument should be a boolean (only if used within an Advanced Connector script or a custom addon, but not an onClick property of another addon), or a string with a value of "front", "reverse", "true", or "false".
pause - Pauses the audio currently being played.
stop - Stops (pauses and resets the progress) the audio currently being played.

Events

Field name Description
Item card number
Value favourite/unfavourite/playing/pause/ended

CSS classes

Class name Description
.flashcards-wrapper Main addon container.
.flashcards-main Wrapper of everything but the panel with card counter.
.flashcards-panel Panel with card counter.
.flashcards-prev, .flashcards-next Buttons on the sides of the module.
.flashcards-card Main card container
.flashcards-card-audio-wrapper Audio button wrapper.
.flashcards-card-audio-button Audio button
.flashcards-card-audio-button.playing Audio button playing state.
.flashcards-card-audio-button.disabled Audio button disabled state (while loading audio).
.flashcards-card-front, .flashcards-card-back Front and back containers.
.flashcards-card-contents Front and back content.
.flashcards-button-favourite Favourite button
.flashcards-button-favourite.flashcards-button-selected Favourite button selected state
.flashcards-buttons Activity mode grading buttons wrapper
.flashcards-button Activity mode grading button
.flashcards-button.flashcards-button-selected Activity mode grading button selected state