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 |