Drag and Drop

Primary tabs

Submitted by H5P Group on Wed, 05/14/2014 - 09:50

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.

711

Simple drag and drop

H5P Group

68888

Chessboard Setup

Avi Megiddo

Try to set up the chess board! Drag and drop the pieces to the correct starting positions. 1 point for each correctly placed piece.

63159

Simple matching game

H5P Group

63697

Matching game with auto align

H5P Group

Would you like to create content like this on your own?

Get started

Register 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.

And more

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

Raine Phoenix

Tue, 01/24/2017 - 23:25

thanks for the response

Thats good to hear there are others thinking along the same lines, I will do as you suggest and post in the feature requests forum.

Cheers (:

MyETeam

Thu, 01/26/2017 - 11:12

I'd like to request picture drag and drop on my H5P user area

Could I please request access to drag and drop and question set. Thanks

Will drag and drop also appear in course presenter in the future

Cheers

icc

Thu, 01/26/2017 - 13:25

You should have access now :-

You should have access now :-)

Yes, I believe it will.

Thu, 01/26/2017 - 14:04

cheers

jimfare

Thu, 03/02/2017 - 16:28

Drag and drop missing in list

Hi, I too don't have the option for Drag and Drop on H5P.org. Any chance of providing it please?

Thu, 03/02/2017 - 17:06

jbyork

Thu, 03/02/2017 - 21:51

Embed within an interactive presentation

Are we able to insert a Drag and Drop into an interactive presentation?

fnoks

Fri, 03/03/2017 - 08:49

Yes it is :) I have updated

Yes it is :) I have updated the description above.

akaskens

Fri, 03/03/2017 - 18:53

can't find drag and drop activity

I can't seem to find the drag drop activity (though I do see the drag the words activity), and it doesn't seem to be an option within presentation.

Fri, 03/03/2017 - 20:54

Adding Drag and Drop activities to Interactive Presentations

This is the same problem I am experiencing and I'd like to know how to add a Drag and Drop activity to an interactive presentation, since it isn't one of the available options when inserting content.

falcon

Sun, 03/05/2017 - 14:37

Drag and Drop isn't available

Drag and Drop isn't available by default on H5P.org. I've given you access to it.

mitchz

Sun, 03/19/2017 - 22:25

Hello there i would love to

Hello there i would love to have acces to drag and drop.

Greetings,

Mitchz

Thu, 03/23/2017 - 08:33

Access have been granted :)

elegram

Thu, 04/06/2017 - 06:07

I couldnt do it

I managed to do the first one but the secon and third (where you have various images each one linked to a word- flags and fruits-) i couldnt do. the tutorial just teaches you the first one. I would like to create some quizes like the one with fruits and the flags, how do i do it? thanks so much, my students love these exercises!

jelena.m

Thu, 04/06/2017 - 16:32

Hi, best way is to first

Hi,

best way is to first create all dropzones and all draggables.

You can create as many dropzones and draggables as you want - the same way you created the first one. Matching is a tricky part :)

On all draggables you must enable all drop zones and than on the dropzones you specify the correct answer.

Scoring can be set inside behavioural settings, you can choose either to give one point for each match or to give one point for entire task. Also it is possible to enable negative scoring.

I hope this answer was helpful!

Fri, 04/07/2017 - 15:22

Thanks, I did it but..

Thanks! It looks good! Now, I want to create a copy so that i can use that template in another exercise, is that possible? Thanks.

Mon, 04/10/2017 - 09:18

Yes, you can make a copy of

Yes, you can make a copy of your content by clickig "Clone" button below the title.

ILT

Thu, 04/06/2017 - 12:58

HiHow do you create checking

How do you create checking after all drops and seeing which are right and wrong?

When I clone the example, I don't seem to be able to get on to the second page.

I want to replicate the way this functions - ie player drops multiple labels on multiple drop zones and when they check the score, they see which are right and which are wrong.

Not sure how to make that happen.

Any tips?

Thanks

Lynn

tim

Fri, 04/07/2017 - 09:29

Hi, Cloning the content type

Hi,

Cloning the content type will only give you the first one. But if you experiment with the controls and read the tool tips you will be able to figure out how to create multiple dropzones (there's a button for it).

Hope this helps,

Tim

Sat, 04/08/2017 - 11:56

It would be cool if users could share their creations right here

I am a big fan of H5P, specifically as a WordPress plugin. I think it would be cool and beneficial if H5P content creators could share their products here, below the default example. I would like to share my drag and drop Chessboard Setup:

http://www.avimegiddo.com/2017/04/08/chessboard-setup/

Mon, 04/10/2017 - 09:33

I think that's a great

I think that's a great suggestion. Maybe we could add your chess game to the examples?

Thu, 04/13/2017 - 16:03

I would be honored

thank you,

I would love to see user-created content on each content type example page . It would be cool if others users could like, comment, etc. and embed or download if the creator enables those settings.

cheers,

Avi

Wed, 04/19/2017 - 09:24

Great!I see that the images

Great!
I see that the images used have an undisclosed license – do you know if it's OK to use them?

Wed, 04/19/2017 - 13:17

I believe so

Hello, I have received confirmation from the owner of the page, http://www.jinchess.com/chessboard/composer/ He writes "I didn't create the piece sets myself. They have been created many years ago and I don't think anyone knows who the author of each one is. They are available on several websites, and have been used for tens of years in many chess applications." As for the board, it is from Wikimedia Commons, so that is Creative Commons Attribution-ShareAlike 3.0 Unported License, free to copy, redistribute, and transmit.
Cheers, Avi

Thu, 04/20/2017 - 09:34

Ah ok, I see that Tux Paint

Ah ok, I see that Tux Paint uses then as well without finding any license so it should be safe. Thanks, just being cautious :-)

I've added your chessboard setup as an example. Just let me know if you want anything changed.

ashley.lawson

Wed, 04/12/2017 - 11:56

Drag and Drop access

I also don't have the option for Drag and Drop on H5P.org. Any chance of providing access please?

tomaj

Wed, 04/12/2017 - 14:08

Fixed

@fnoks fixed it for you

- Tom

Thu, 04/13/2017 - 11:55

Thank you!

bartenderhorsey

Mon, 04/24/2017 - 19:04

restricted by admin?

So I drew a picture to use as the background for the image drag and drop, but then it says it's locked by an administrator... Is this tool locked for now?

Thanks!

Tue, 04/25/2017 - 08:32

Hi,I have granted you access

I have granted you access to create all content types here on h5p.org

Tue, 04/25/2017 - 17:37

michal emmer

Thu, 04/27/2017 - 13:57

Access to Drag and Drop activity within the presentation

Hi there fnoks / falcon,
I would really appreciate if you could please grant me access to create all content types on h5p.org
The one I'm currently interested in, is the Drag and Drop activity within the presentation.
Thank in advance!
Michal

Wed, 05/03/2017 - 09:43

Access has been granted :)

Thu, 05/04/2017 - 11:28

thank you so much

have a nice day :)

Michal

Lila

Sat, 04/29/2017 - 21:13

Turning the drop zones?

Hi there,

I already created a few "Drag and Drop"-contents and there is one thing I want to approach: It would be very helpful if there would be the possibility to turn the drop zones so that there aren´t parallel to the screen anymore. Do you understand what I mean? When I use a a circular figure with text I have to create very big drop zones to cover the text and I often cover text I don´t want to be covered..

Thank you for your trouble! Lila

Tue, 05/02/2017 - 10:15

Hi Lila,This is a great idea

Hi Lila,

This is a great idea that would be useful to many. Do you mind creating a Feature Request for it?

FreakIndeed

Thu, 05/04/2017 - 06:24

Can't install - Any ideas?

Hi! I'm getting the following error when trying to install Drag & Drop on my WordPress site:

"Failed to download the requested H5P."

Then when I try to install the H5P file I download on this page I get the following:

Could not validate H5P file.

Make sure the uploaded H5P contains valid H5P content. H5P files containing only libraries should be uploaded through the H5P Libraries page.

Any ideas on what to do?

Thu, 05/04/2017 - 09:39

Does any of the other content

Does any of the other content types work? You could look in your web server's error_log file to see if there are any messages

Thu, 05/04/2017 - 20:30

Yes, all the other content

Yes, all the other content types are working. It appears to be directly related to Drag and Drop. I believe the commentor below me is having the same issue as well.

Tue, 05/09/2017 - 10:02

Be sure to double check the

Be sure to double check the upload_max_filesize and post_max_size values in your php.ini. They must both be larger than the file. Also, your web server may have a client_max_body_size limiting the file size that can be uploaded.

roeys

Thu, 05/04/2017 - 17:05

content unavailable

hi,

when i create a new content and choose drag and drop, the content is unavailable. is it temporary?

Fri, 05/05/2017 - 09:34

Here, on h5p.org? Are you

Here, on h5p.org? Are you getting any messages or just a blank page?

smarty01

Tue, 05/09/2017 - 20:46

is it possible to define the

is it possible to define the drop area in circle or custom shape?

Wed, 05/10/2017 - 08:14

Not possible

No, it is not possible. Sorry. :(

troth

Wed, 05/10/2017 - 02:32

Mother May I?

Hello! May I have access to the drag and drop feature? Many thanks!

Thu, 05/11/2017 - 08:33

You should now be able to

You should now be able to create all content types here on h5p.org :)

clemontrealwebmaster

Tue, 05/16/2017 - 23:17

Access question

Hi I am new to the community so forgive me if this is a silly question :)

I installed the plugin and I am able to create drag and drop image from withing WP. But I kinda like working with your platform first and then importing in my site once its ready and it worked well so far (I am setting up a workflow for some collegues in case they are not at easy using wordpress). However I just notices taht I do not have access to the image drag and drop type and a few other formats here on your site. Is there an option taht I am missing?

ps: you have an amazing tool here, so much better tahn hotpotatoes and I am looking forward to getting comfortable with it and contributing as a dev.

thomasmars

Thu, 05/18/2017 - 10:13

You are here

Drag and Drop

Primary tabs

Would you like to create content like this on your own?

Description

Comments

Could not validate H5P file.

Pages