Documentation

Flash Cards

Description

In 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 favourite and graded by the student as correct or wrong in the activity mode.

Properties

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.

Events

Field name Description
item card number
value favourite/unfavourite

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