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 Joubel
New to H5P? Read the installation guide to get H5P on your own site.
Comments
mrmccrorey
Mon, 10/22/2018 - 20:46
Permalink
Drag and Drop Score
The scoring is off. I have six scorable elements but it is scoring out of 8 total.
BV52
Tue, 10/23/2018 - 06:04
Permalink
Hi mrmccrorey,I hope you don
Hi mrmccrorey,
I hope you don't mind I'll answer all your questions in one comment :-)
1. For the incorrect answers not accepted by the drop zone you need to change the setting of the draggable so that you drop it in any drop zone.
2. Please head over to the feature request forum for your shapes suggestion.
3. Do you have the URL for this activity so that we can check?
-BV52
Karen Dilbaryan
Mon, 11/05/2018 - 17:45
Permalink
cant find this tool online version
I want to create drag and drop image questions but cant find it in online version. What I have to do for starting using this feature.
BV52
Tue, 11/06/2018 - 03:26
Permalink
Hi Karen,The content types
Hi Karen,
The content types offered up for testing on H5P.org are supposed to give new users examples of what H5P can do. Drag and drop for instance is a content type that is more difficult to use, and for this reason, it is not enabled by default.
I recommend that you check out the tutorials for these content types.
Visit https://h5p.org/access-to-all-content-types to get access to all content types
-BV52
jlb89
Wed, 11/28/2018 - 14:46
Permalink
multiple draggables for 1 drag zone
Hello...
I created a drag/drop in which one drag zone had multiple draggables. When I completed the activity, even though all answers were correct, it didnt give me full credit for completing the activity. Showed 0 out of 1 or 10 out of 12 even though ALL drag zones were correct. Is there a possible solution to this or an enhancement request on file?
BV52
Tue, 11/27/2018 - 07:48
Permalink
Hi jlb,I noticed that in your
Hi jlb,
I noticed that in your activity you have several text "draggables" that are inactive, which are used as labels or questions. There is a possibility that 2 of these were initially active draggables that has been deactivated. This is related to this bug report. For now until the bug has been fixed the only way to resolve this is remove the text one by one and add them again or redo the whole project keeping in mind not to "recycle" objects in this activity type.
-BV52
jlb89
Tue, 11/27/2018 - 17:42
Permalink
Hi BV52...Thanks for your
Hi BV52...
Thanks for your response. I recreated the Drag and Drop, but its still showing the same results. Only one option has multiple choices and the rest have 1. The only thing I didnt delete when adding everything back into the Drap and Drop was the titles and left text in each box, but deleted and added the drag zones and draggables. I've created other Drag and Drops similar to this one and have had no issues with text not being a draggable. Do you think that it could be that there are 11 draggables and only 10 drop zones?
JLB
BV52
Wed, 11/28/2018 - 02:18
Permalink
Hi JLB,I created a separate
Hi JLB,
I created a separate thread for this.
-BV52
tsamacc
Fri, 01/11/2019 - 22:55
Permalink
Make Draggables appear in random order
How can I make the draggable items appear in random sequence each time the page is reloaded? Right now, they appear in the same sequence every time I load the activity.I really love this activity.
BV52
Mon, 01/14/2019 - 08:32
Permalink
Hi tsamacc,Currently this is
Hi tsamacc,
Currently this is not possible.
-BV52
GemmaC
Fri, 02/01/2019 - 12:49
Permalink
Uploading background picture
Hello - seems like a basic issue, but every time I try to upload a background picture it tells me that the image is too big. The pixel size is 515x310 and it 19KB which is below the maxium limit. I have also tried as png, jgep and gif format, but I am unable to upload anything. Any tips?
Thanks, Gemma
BV52
Mon, 02/04/2019 - 03:49
Permalink
Hi Gemma,In order to give
Hi Gemma,
In order to give your bug report the best chance of getting answered, please include the following information:
The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!
-BV52
malcolmg
Sun, 03/03/2019 - 07:36
Permalink
Stand Alone - H5P.Question - draggable error
Hey guys.
love your work, and I hope this helps someone? not sure where to post this.
We have a standalone player, and everything is working well. Went to use a Drag& Drop interaction and kept getting an error in the H5P.Question for a draggable prototype.
I figured out there is a naming error.
Im using JQuery 3.3.1
.draggable({
revert: function(e) {
t.removeClass("h5p-dragging");
var n = u(this);
console.table("n: "+n.data("ui-draggable"));
return n.data("ui-draggable").originalPosition = {
top: o.y + "%",
left: o.x + "%"
}
the prop name should read: 'ui-draggable'
(its on line 1300 of the expanded .js)
please delete this message if I have posted in the wrong place :)
Malcolm
BV52
Mon, 03/04/2019 - 08:03
Permalink
Hi Malcolm,This is the
Hi Malcolm,
This is the perfect place to post this :-) and thank you for the information this should help other users that may encounter a similar issue.
-BV52
EvieM
Thu, 05/09/2019 - 10:26
Permalink
Offline mode?
Hi,
I was just wondering if there was any way to download my drag and drop game so i can use it offline without internet?
Thanks
BV52
Fri, 05/10/2019 - 03:37
Permalink
Hi EvieM,This is possible
Hi EvieM,
This is possible with a few additional download/installation. First you need to setup a virtual server by downloading and installing MAMP/WAMP (depending on your OS). Once installed you need to install one of the 3 supported publishing platforms. Then install H5P, this should now let you use contents offline.
-BV52
KAVITASRI
Wed, 05/15/2019 - 04:19
Permalink
Title of image
Hi, I've created a drag and drop activity, with images as the draggables. I added titles and enabled the ''Hover text'' setting. But, the titles don't seem to appear for any of the images. What should I do to enable the titles to appear? Please help.
BV52
Thu, 05/16/2019 - 02:33
Permalink
Hi KAVITASRI,Draggable images
Hi KAVITASRI,
Draggable images do not have a title. There are only 2 places where you place text, first is the hover text which is not working and has been reported here. The other one is the alternative text which only shows when the browser cannot load the image.
-BV52
KAVITASRI
Thu, 05/16/2019 - 03:12
Permalink
Will the ''hover text''
Will the ''hover text'' feature be working anytime soon?
KAVITASRI
Thu, 05/16/2019 - 03:15
Permalink
Will the ''hover text''
Will the ''hover text'' feature be working anytime soon?
BV52
Fri, 05/17/2019 - 04:34
Permalink
Hi KAVITASRI,I do not have a
Hi KAVITASRI,
I do not have a timeline when this will be fixed. The original issue I reported has been fixed but there was a different issue that surfaced when metadata was added.
-BV52
ferpect
Wed, 06/12/2019 - 13:34
Permalink
show correct answer
The question was asked already in earlier times, but I couldn't find an answer:
Is there a possibilty in drag and drop question to show correct answers when students/learners failed??
I know these function from other activities but can't find in drag and drop :-(
BV52
Thu, 06/13/2019 - 05:09
Permalink
Hi ferpect,Papi Jo has
Hi ferpect,
Papi Jo has created a prototype for this. You can read more about this here.
-BV52
ferpect
Thu, 06/13/2019 - 11:34
Permalink
Great, thanks for hint!!
Great, thanks for hint!!
janinanne.101
Tue, 08/20/2019 - 16:10
Permalink
Feedback
Bonjour, je souhaiterai ajouter un feedback dans mon drag and drop comme il y en a dans votre exemple avec les capitales mais je n'arrive pas à le faire. Comment dois-je faire ?
Merci
Anne
BV52
Tue, 08/20/2019 - 20:09
Permalink
Bonjour Anne,You can add the
Bonjour Anne,
You can add the feedback under the Dropzones. You can find this Tips and feedback section (screenshot).
-BV52
cfm11813
Wed, 08/28/2019 - 23:47
Permalink
Setting max-height
How do I prevent content to be higger than 90vh?
Pages