Question: Drag and drop markers

This type of question allows you to define areas within an illustration which the students must indicate and assign a correct answer. The student does not see any additional visual cues as to which areas in the picture should be indicated.

If you want to suggest the right areas in the illustration, you should use the question type Drag and drop onto image.

We recommend that you build the design of this kind of question carefully, using the ‘Save changes and continue editing’ and Preview controls.

Question text

This is the text explanation that you give to the students on how to complete the question correctly.

Background image

This is where you upload your background image.  You may use one of two methods for uploading.  You can click choose a file to browse your local drive for the file. Or you can drag-and-drop the icon of your file from your desktop into the input window.  The image will display at a maximum of 600 x 400 pixels.  It may be in a variety of formats, including GIF, JPEG, PNG, and SVG.


In this section you define the name of the marker and a number to the right which specifies how many times the marker may be used.  (The default is infinite but you can set it to ‘1’ or a higher number.)

If you tick the box marked Shuffle drag items each time question is attempted the responses will be shown in a new random order each time the student attempts the question.

Note: Markers must be defined before you move to the step of setting their correct drop zones.

Drop zones

In this section, you define the location and shape of the areas that will be active in the illustration, that is, the places that the student should indicate in order to give a correct response.  First, select the shape of the field (circle, rectangle, or polygon). To determine the coordinates of a field:  for a circle you first indicate the location of its centre (you can find the coordinates with the cursor in the preview image – each square in the preview is 10 pixels) and then its radius. For example, if the centre of the circle is at 60 pixels counted from the left, and 50 pixels from the top, with a radius of 40, you would have: ’60,50; 40’. For a rectangle, you mark left, top; width, height: („10.20; 50.60”). For a polygon, the coordinates of each of the vertices should be entered in turn: for example, a triangle might be ‘20,20; 20,110; 110,70’.

Note: It is a good idea to make the areas of the drop zones a little bit larger than the precise position of the correct answer.  This will help to avoid false ‘incorrect’ scoring, when a mostly-correct answer happened to fall just a pixel or two outside of your declared drop zone.  Drop zones that are too small will tend to reduce student scores for reasons that are unrelated to their knowledge.