Question types: Drag and drop onto image

Maintained by Tim at Lone Pine Koala Sanctuary Tim Hunt, Picture of Jamie Pratt Jamie Pratt, Picture of Phil Butcher Phil Butcher
You can use text and / or images as drag items onto defined drop zones on a background image.
2081 sites
68 fans

There are working examples in eAssessment with Moodle on our OpenLearn site.

The documentation is in How to create questions in Moodle on that site.

Demonstration of this question type courtesy of Dot Garman.


This plugin is part of set Open University.


Screenshot #0


Tim at Lone Pine Koala Sanctuary
Tim Hunt (Lead maintainer)
Picture of Jamie Pratt
Jamie Pratt: Developer
Picture of Phil Butcher
Phil Butcher: Question type designer
Picture of Colin Chambers
Colin Chambers: Developer
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Oam
    Thu, 7 Apr 2016, 12:19 AM
    Hi Tim,

    If Piwik server is down, the page is displayed but is still loading. And finally the "loading" stops after a while. During the "loading", the drag-drop does not work. After, it works.
    Until now, I faced this problem only with drag-drop questions that why I thought the problem could be between Piwik and this plugin.

    When I tried to reproduce the problem on another Moodle, I had the same problem with the drag and drop area on the restore course page.
    Now, I try to understand where the problem comes from : the piwik code, a JS library used by piwik and moodle, moodle code (the way the JS is loaded), ...

    I apologize for my previous comment at the wrong place, I will report the bug to piwik or moodle.

  • Tim at Lone Pine Koala Sanctuary
    Thu, 7 Apr 2016, 12:59 AM
    No worries. Thank you for taking the effort to report a problem you found. Sometimes it takes a while to work out where it needs to be reported.
  • Picture of Javier Varas
    Thu, 21 Apr 2016, 5:57 PM
    Hi Tim. Thanks for your great plugin, my students love it!
    I have Moodle 2.9.1 and we cannot drag and drop the items well when we use Android 4.4 or 5.0 tablets.
    Do you know if upgrading to Moodle 3.0.1 will solve the issue?
  • Tim at Lone Pine Koala Sanctuary
    Thu, 21 Apr 2016, 6:14 PM
    I am not certain. You can test Moodle 3.0.x on
  • Picture of Javier Varas
    Fri, 22 Apr 2016, 7:30 PM
    Hi Tim
    I've just run an experiment on the demo site (3.0.3) and it does work quite well using Firefox. Sometimes it does weird things but it is possible to do drag and drop. However, it does not work with Chrome. As soon as you start dragging the screen scrolls up (as in Moodle 2.9.x both with Firefox and Chrome).
    So I think it is time to update my Moodle to 3.0.3 smile
    Thanks for your help

  • Picture of Miro Ungar
    Mon, 30 May 2016, 10:51 PM
    Hello Tim. Great plugin, but I have a little problem. When I create drag and drop question it takes very very long time to load the quiz. If it helps this is output from browser
    504 (Gateway Time-out)
    It finaly loads but I sense that it should be much faster.
    If the question using this plugin is excluded, everything is normal again.
    Please help.
  • Tim at Lone Pine Koala Sanctuary
    Tue, 31 May 2016, 4:59 AM
    I don't see how this question type can be generating 504 Gateway time-out errors.

    Exactly which version of Moodle and which version of this plugin are you using? Which URL is talking a long time to load? (In your browser, look under Developer tools -> Network.)
  • Picture of Miro Ungar
    Tue, 31 May 2016, 2:44 PM
    Hi Tim, thank you for reply.
    moodle is 2.6 on SLES 11 SP3
    this is url that is taking too long to respond
    I will try to look in browser options in mean time
  • Picture of Miro Ungar
    Tue, 31 May 2016, 10:26 PM
    Problem is only with loading jpg image for this type of question (drag and drop onto image)
    In any other case it works normal
  • Tim at Lone Pine Koala Sanctuary
    Wed, 1 Jun 2016, 12:03 AM
    Well, you could try upgrading to a more recent version of Moodle.

    You could also try renaming the file, so that you don't get %20 and other escaped characters in the URL. Some fire-walls block those for no good reason.
  • Picture of Dave Foord
    Sun, 25 Sep 2016, 5:35 PM
    Is there anyway to set this question type up, so that the dropzones aren't actually visible? I am wanting to create a question type where I give the students a string of mathematical numbers and expressions, and the students have to drag left and right brackets into this expression so as to make it work correctly. At the moment with the dropzones being visible it makes it very easy to 'guess' correct locations - I tried adding lots of dropzones and they have to drag 'blanks' into the others, but this isn't very user friendly. I know I could use the drag and drop markers question type, but with this the marker is very small.

    I am expecting the answer to this question to be no, but asking just in case it is a yes.
  • Tim at Lone Pine Koala Sanctuary
    Mon, 26 Sep 2016, 5:28 PM
    Now possible. Sorry.
  • Picture of erika alarcon
    Wed, 1 Feb 2017, 12:41 AM
    Hi, Is this plugin working in Moodle 3.1 or 3.2?
  • Tim at Lone Pine Koala Sanctuary
    Wed, 1 Feb 2017, 12:56 AM
    As of Moodle 3.0, this is part of the standard Moodle release. It is no longer an extra plugin. So, yes, it works!
  • Picture of Teacher Jaque
    Fri, 14 Apr 2017, 7:28 AM
    Dear Tim,

    I've just installed this Drag and Drop onto image to my Moodle 2.6, now there is a msg stating a missing file and my site became a mess. I already tried to delete the plugin though the C-Panel but there is no file with such a name. my site ( is frozen and there nothing I can do. Could you help me, please?
1 2 3 4 5 6 7 8 9 10
Please login to post comments