Drag and Drop
Primary tabs
A free HTML5-based drag and drop question type allowing creatives to create many forms of drag and drop using only a web browser. Create engaging challenges using H5P and Drag and Drop in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.
Would you like to create content like this on your own?
Get startedRegister on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.
Description
Drag and drop questions enable the learner to associate two or more elements and to make logical connections in a visual way. Create Drag and drop questions using both text and images as draggable alternatives. H5P Drag and drop questions support multiple draggable to drop zone combinations; one-to-one, one-to-many, many-to-one and many-to-many.
Learn how to create a Drag and drop question in this tutorial.
Drag and drop questions may be used standalone, but can also be included in:
The H5P content on this page is licensed under Creative Commons Attribution 4.0 International unless another Creative Commons license is specified under rights of use. The author of the content is H5P Group
New to H5P? Read the installation guide to get H5P on your own site.
Comments
BV52
Mon, 01/11/2021 - 17:34
Permalink
Hi HerrStibbe,To provide a
Hi HerrStibbe,
To provide a best possible experience for new users and to ensure that people use H5P.org only for trying out H5P (we've had more traffic than our server can handle lately, ref also the warnings when you create content, embed content and view the content) there are limited content types that are available.
Check the getting started page for information on how you can use all the content types and use H5P for real. We unfortunately are not able to provide free hosting, only free software :) Hopefully you'll consider supporting the H5P Core Team by using H5P.com.
-BV
nallyn4
Thu, 03/04/2021 - 22:12
Permalink
Formatting Text
Hello,
I'm using this content type to help students learn basic coding. When I paste the code examples, the code doesn't retain the indentation or formatting like it does with other content types (e.g., Fill in the Blank). Is there way to add text formatting to individual content types?
Serenity38
Mon, 09/20/2021 - 18:57
Permalink
Unable to make mistakes
We are enjoying this interactive but our people are unable to make mistakes. Is it possible to leave them able to drag the word in the wrong boxs and receive an error only when they have complete the exercise and checked the answers? Currently, they are just unable to drag and drop the wrong answer in the question box.
BV52
Mon, 09/20/2021 - 19:57
Permalink
Hi Serenity38,You need to
Hi Serenity38,
You need to make a few changes to your content.
Please follow the steps below when creating a Drag & Drop activity with multiple drop zones and multiple draggables:
Create the drop zones
Create the draggables and place a check on the drop zones you would want the draggable to be dragged into (in most cases all the dropzones). This does not indicate the correct answer but only tells the content where you want to allow the draggable to drop.
Edit the drop zones to place a check on the correct draggables.
You can also check this simple video on how to create a D&D with multiple drop zones and draggables.
-BV
Serenity38
Thu, 09/23/2021 - 17:32
Permalink
all good, thanks
all good, thanks
BV52
Thu, 09/23/2021 - 20:20
Permalink
Hi Serenity38,I'm glad it
Hi Serenity38,
I'm glad it worked.
BTW I saw your other post before you edited it, if you think there is a bug in an H5P content I suggest that you post a separate thread in the bugs report forum and provide the information that is requested in that forum.
-BV
jcital1029
Tue, 10/12/2021 - 23:46
Permalink
multitouch
Is it possible to make them multitouch?
Remco Hekker
Fri, 07/15/2022 - 23:13
Permalink
Advanced Scoring options
Hi,
The usecases of this tool would increase a lot if some more advanced scoring options would become available. For instance, dropping an element in "zone A" would score 10 while dropping it in "zone B" would score 7. This is important for the subjectmatter that I teach since some options are not wrongg, but others are better. This would allow me to create a lot more complicated assignments with this tool.
I hope you'll consider it.
Thanks, Remco
BV52
Mon, 07/18/2022 - 18:33
Permalink
Hi Remco,Thank you for your
Hi Remco,
Thank you for your suggestion. If I may suggest, please post this in the Feature Request forum. The forums have a lot more traffic and the feature reuqest forum is where the developers get new ideas for new features.
-BV
jazzymarko
Thu, 09/08/2022 - 18:14
Permalink
One element to drag in drop zone multipletime
Hi, can some one help me please.
I need to put in drop zone, one element 3 times. I check Infinite numbers of elements instance for that element. And I can put 3 elements in one drop zone.
But how to create in final score how many elements is right answer? How to show that the 3 is correct answer?
I hope you understand what I need :)
GraceERA
Thu, 11/16/2023 - 04:32
Permalink
Left align text
Hi there,
I have left-aligned text for draggable content, but when I click 'done' it automatically reverts to centre aligned. Is there a way to make the text left-aligned?
Thanks,
Grace
BV52
Thu, 11/16/2023 - 18:01
Permalink
Hi Grace,Unfortunately this
Hi Grace,
Unfortunately this is a known issue: https://h5ptechnology.atlassian.net/browse/HFP-2781
-BV
SusanK
Wed, 01/10/2024 - 12:30
Permalink
One large drop zone?
I am wondering: is it possible to create one big drop zone in which elements have to be placed in a specific location within the drop zone?
I want to make a puzzle in which students have to built a landscape with different sized elements. If I would show the exact drop zones for each element, that would give away the solution already. I'd prefer one big drop zone where students have to place the elements on the right location within that zone. It seems that this is not possible, or do I overlook something?
Pages