Dialog Cards Tutorial
The Dialog cards content type enables you to create a set of cards with corresponding words or expressions on either side of the cards.
In this tutorial you will learn:
- When to use Dialog cards
- How to create a Dialog cards
Click "Get started" button to explore all possible ways for using H5P
Here's the Dialog cards we'll create in this tutorial:
When to use Dialog cards
Dialog cards can be used as a drill to help learners memorize words, expressions or sentences. Dialog cards provide a prompt on one side of the card, and a corresponding answer on the other side.
Dialog cards are often used in language learning for drilling words and expressions. Dialog cards can also be used to present math problems or help learners remembering facts such as historical events, formulas or names.
Step 1: Topic
We're going to make a set of Dialog cards where the learners can drill themselves in berry genus names. Below is the text we'll use:
- Arandanos - Blueberries
- Frambuesas - Raspberries
- Fresas - Strawberries
- Guindas - Cherries
- Grosellas rojas - Redcurrants
We'll present the Spanish berry names first, and ask the user to translate the berry names in English.
Step 2: Creating Dialog cards
Select the New content option and choose Dialog Cards from the list of Content types:
Step 3: Dialog cards editor
The Dialog cards editor should now appear. The top part of the editor looks like this:
In this tutorial we'll focus on creating the Dialog card content. We'll therefore focus on the parts of the editor above the Common fields header.
The Dialog cards editor consists of a Title, a Heading, a Mode, a Task description and a set of Dialogs.
Step 4: Title
The Title will be displayed to the learner throughout the set of cards. Type the following text in the Title field:
Learn Spanish berry names
Step 5: Task description
In this field we can give elaborate instructions to the learner. The Task description is displayed throughout the entire set of cards, below the Title. Insert the following text:
Translate the berry names from Spanish to English. Turn the card when you are ready to see the answer.
Step 6: Dialogs
Press the Add dialog button to add the card.
You should now have something like this:
On this first card, we'll display the spanish word 'Arandanos' on the front side of the card with relevant image and audio and ask the learner to translate it to English
Insert the following text in the Text field:
In the Answer field, we provide the correct answer. Add the english translation in the Answer field:
Insert the following image under Image field and the audio file under Audio files. Image and Audio files are optional.
Now we've finished creating the first card of the Dialog Cards.
Your editor will look like this:
Step 7: Adding more cards
We can add four more cards by following the same procedure as in Step 6.
You can add as many cards as you want. You remove cards by pressing the button in the top right corner of the Card. You change the order of the cards by pulling the button in the tabbed list of cards to the left of the Card editor.
Step 8: Finishing up
By now you should have ended up with something like this:
Save the node/article when you're satisfied to view your final set of Dialog cards.
You should now have the same result as the example on top of this page.
Feel free to leave any comments or suggestions on how to improve this tutorial.
Tue, 06/26/2018 - 06:32
That's enough for me and will solve my problems! ☺
luz angelica ga...
Sat, 12/29/2018 - 04:05
aprendere a usa esta plataforma. gracias por sus comentarios
Thu, 03/21/2019 - 14:14
Is there a way to add hyperlinks to the card
Is there any way to add either hyperlinks to a card of the current cardset (e.g. jump from the definition for "agriculture" to the definition of "soil", or to a external website for further reading (e.g. to wikipedia or any other website)?
Fri, 03/22/2019 - 09:01
Hi Erik,I'm afraid this is
I'm afraid this is not possible with the current features of the content. However you can post a feature request. In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:
Make sure you post the feature in the Feature Request forum.
Mon, 05/13/2019 - 20:22
No audio on second round?
During the first round with 5 cards in the deck, the audio plays fine, but on the second round if I click on the audio icon it doesn't play. This happens on Moodle 3.6 and Wordpress.
Wed, 05/15/2019 - 04:03
Hi scottbr,Can you please
Can you please check if you have any browser console errors. I just tried this and the audio is playing.
Wed, 05/15/2019 - 18:17
I'm not seeing errors on
I'm not seeing errors on Chrome, give it a try at: https://bit.ly/2WRupmB
Round 1 plays fine but Round 2 doesn't play
Thu, 07/18/2019 - 16:11
the text in the Dialog Cards
the text in the Dialog Cards always appear centered even when choosing left/right justified in the text editor.
The text in the dialog cards should be aligned with the feature in the text editor. If I choose left aligned in the text editor, the text should also appear left aligned in the card.
Thank you for making this adjustment.
Thu, 07/18/2019 - 15:53
Let's suppose I have a flash card with 20 questions.
Suppose the student want to work only 10 questions. There should be a button allowing to stop the session and get the results of that session. In the current version there is no way to end before reaching the last question in the flash card
Thu, 07/18/2019 - 15:58
Dialog cards cards with "I got it"
Let's suppose I have a dialog card with 20 cards.
I the first round I got 5 questions right.
The next time I stard the dialog cards those should not appear any more. Is these the way it works now?
Thu, 07/18/2019 - 16:01
Colors for font
In the dialog cards there is no possibility to have some fonts in a different color.
Would it be possible to add this feature?
Thu, 07/18/2019 - 19:15
Hi patite,Thank you for
Thank you for reporting the alignment issue. There is an existing bug report and you can follow the progress here.
For the requests would you mind posting them in the Feature Request forum.
Fri, 08/02/2019 - 01:37
Text and buttons being cut off
I noticed that the text on the card as well as the button are being cut off when I turn the cards. This is happening in your preview above as well as the one I made on my Moodle page. This looks like a bug to me. Please let me know.
Fri, 08/02/2019 - 18:46
Hi Sumant,Thank you for
Thank you for reporting this. I am unable to replicate the issue you mentioned above. I suggest that you post this issue in the "Bugs in Content Type" forum and follow the suggested information needed.
Mon, 08/05/2019 - 01:24
I will report the bug
I will report it. However for screenshots, how can I upload an image from my PC without having a URL for the image?
Mon, 08/05/2019 - 21:44
Hi Sumant,I think I saw your
I think I saw your other post with a screenshot ;-) . Tutorials and other documentation does not allow users to post screenshots in an effort to keep it as tidy as possible.