The exercise type 'Hotspots' lets users drag and drop to image and/or fill in a text on a hotspot on a background image.

To create the exercise:

Start with the upload of an image. Above In the text field input area you will find a list with available images next to the image label. Choose one in the dropdown. The image you choose here will be used as a background image.

Next, draw a hotspot on the background image with your mouse. Automatically, an option text field will be created.

Under Settings, below the image, per hotspot choose the;

  • type: the hotspot can be of type Text or Drag and Drop¬†
  • option: link the hotspot to an option text field. For Drag and Drop it is possible to link one option to multiple hotspots. An additional option will be created automatically for the student at runtime.
  • style: Dark, Light or White. The style influences the color and transparency of the hotspot

Under options you define for hotspot typeDrag and Drop: the html that needs to be draggedText: the correct answer, case sensitive. Multiple answers can be inserted, separated with a ;. Note that only the first value will be shown in the Solution.


Note that unused options are also displayed to the student.

Did this answer your question?