Question types: Drag and drop onto image

Maintained by Tim at Lone Pine Koala SanctuaryTim Hunt, Picture of Jamie PrattJamie Pratt, Picture of Phil ButcherPhil Butcher
As of Moodle 3.0, this question type is part of the standard Moodle release. That is why there is no plugin from Moodle 3.x. You don't need one!
253 sites
82 fans
Current versions available: 6

As of Moodle 3.0, this question type is part of the standard Moodle release. That is why there is no plugin from Moodle 3.x. You don't need one!

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


  • Tim at Lone Pine Koala Sanctuary
    Mon, Mar 11, 2013, 4:09 AM
    Have you seen the drag-and-drop markers question type? That sounds like what you are looking for.
  • Picture of philippe dutour
    Mon, Mar 11, 2013, 6:22 AM
    Not exactly there to build on the label and a border that I would like to delete. In addition I would like to turn the viewfinder dramatically change its position relative to the label and connect the content of the label with a line visible.
    I could change thanks to the explanations given image and label sizes, making the label background transparent (apparently), but for the rest I really hurt ....
    If assistance is possible I would like to try the transformation of drag and drop marker.
    Thank you
  • Picture of Phil Butcher
    Tue, Mar 12, 2013, 12:03 AM
    Philippe, I can see what you are getting at, which is different from what we provide. The closest you could get using our question types would be to place your labels below the image and number them. Then provide markers which are just numbers so that only numbers are dragged onto the image. Not quite what you want
  • Picture of philippe dutour
    Tue, Mar 12, 2013, 3:22 AM
    Thank you for your quick responses.
    In fact the ideas proposed by phil does not match the expected report on one type of exercise (I had already considered this possibility, after reading a similar response ....).
    What I interreserai this will have some indications of lines of code to change to get the result that I describe in the previous post.Comment find the characteristics of the label (edge, ...) Viewfinder ( pointer) ...
    Meci for any help.
  • Tim at Lone Pine Koala Sanctuary
    Thu, Mar 14, 2013, 11:42 PM
    As predicted, the 2.3 version of the qtype worked fine in Moodle 2.4.
  • Paul
    Wed, Apr 24, 2013, 8:53 PM
    I have just tried to install into Moodle 2.4.3, but no go. sad
  • Picture of Nina K
    Thu, Apr 25, 2013, 5:14 AM
    The background and the dragable images seem to be sized arbitrarily when I add them to the question. Is there any way they can either stay the original size or I can specify the size I want?
  • Picture of Jamie Pratt
    Mon, Apr 29, 2013, 1:21 PM
    Hi Nina,

    The size of dragable and background images is reduced if they are above a certain limit. The image sizes are reduced when they are uploaded so that the aspect ratio of the image remains the same but so that the sizes do not exceed limits as set at the top of ddimageortext/questiontype.php :


  • Picture of Heinz Schmolke
    Mon, May 13, 2013, 6:36 PM
    I'm using moodle 2.3 amd I miss the semitransparent background of the draggable elements (words) and the semitransparent fields on background images like in your screenshot. So small fields are difficult to log. And I can't change a logged element (if I missed the right field). How can I get the white/semitransparent background? Is it possible to place to background pictures side by side (one with white fields, one without)?
    Thank you
  • Tim at Lone Pine Koala Sanctuary
    Mon, May 13, 2013, 9:33 PM
    The fields should show up. Can you try a different web browser?
  • Eugen Neuber
    Wed, May 15, 2013, 10:54 PM
    Hi, I'd like to use this qtype for a special purpose: the dragable images should not display a frame (group color) and the drop-zones should be in the same size as the dragable images.
    (I managed to get rid of the frame (group colors) via style.css)
    Can you point me to the location where the sizing of the drop-zones happen?
  • Picture of Jon Africa
    Tue, May 21, 2013, 10:09 PM
    Great new question type. I couldn't find a limit to number of answers documented. I created a chart with 20 items for students to place and only 9 items show up. Is that limit or is something else up? Thanks.
  • Picture of Jon Africa
    Tue, May 21, 2013, 10:12 PM
    OK. Never mind. I just started a new Preview of the quiz and all 20 items showed up. Wierd.
  • Picture of Megan Atkins
    Thu, May 30, 2013, 12:22 PM
    HI , I have updated to 2.5 and the d&d onto images and markers options do not load the editor so I cannot add an image. Also cannot expand menu. Any suggestions?
  • Tim at Lone Pine Koala Sanctuary
    Thu, May 30, 2013, 3:59 PM
    2.5-compatible code is on github. Download the zip from We are not going to publish it here until we have finished testing it.
Please login to post comments