Drag and Drop
When to use Drag and drop
How to Create Drag and Drop Questions
Clicking on that menu item will open a pop-up showing your H5P library. From here, you will have the option to either insert previously created content or create something new.
Drag and drop question editor
Images can be used as draggable elements in the same way as Text.
Press the Text button in the toolbar and drag it onto the background image. Place it to the right of the strawberry. Text options appear when you drop it.
In the Label field, type your label. Leave the opacity to 100 and press Done. You will now see the labeled draggable object where you placed it.
Move and resize the draggable object as you please. Move it around by pressing on it and then drag it to where you want it. Resize by pressing in the lower right corner of the object and then pull in any direction to scale.
Add two more Text draggable elements by following the exact same procedure as above.
Hopefully, you will now have something like this:
Define the correct match
In order to define which match between drop zone and draggable elements is correct, double-press on the drop zone. This will bring up the same drop zone options as in Step 5.
Since you have defined an association between the three draggable elements and the dropzone in the previous step, you will now see a Select correct elements option. Check the Text: (correct answer) checkbox to define this draggable object as the correct match.
Now, set the opacity to 0 (zero) and press Done.
Multiple correct elements can be placed on a drop zone.
To add an instructional text add a Text element and type in your instructions in the Label field.
Place the instructional text in the top right corner and resize it as you please.
You should now have something like this:
Save and Insert to view your finished Drag and drop question.