In the first step, you can set some basic properties of the component,
such as the title, the question text to render above the background
image, the introductory feedback (shown initially) and the final
feedback (shown after the student successfully completes the drag and
drop problem).
In the next step, you set the background image URL and define the
properties of the drop zones. The properties include the title/text
rendered in the drop zone, the zone's dimensions and position
coordinates. In this step you can also specify whether you would like
zone labels to be shown to students or not, as well as whether or not
to display borders outlining the zones. It is possible to define an
arbitrary number of drop zones as long as their titles are unique.
In the final step, you define the drag items. A drag item can contain
either text or an image. You can define custom success and error feedback
for each item. The feedback text is displayed in a popup after the student
drops the item on a zone - the success feedback is shown if the item
is dropped on the correct zone, while the error feedback is shown
when dropping the item on an incorrect drop zone.
such as the title, the maximum score, the question text to render
above the background image, the introductory feedback (shown
initially), and the final feedback (shown after the student
successfully completes the drag and drop problem).
In the next step, you set the URL and description for the background
image and define the properties of the drop zones. For each zone you
can specify the text that should be rendered inside it (the "zone
label"), how wide and tall it should be, and where it should be placed
on the background image. In this step you can also specify whether you
would like zone labels to be shown to students or not, as well as
whether or not to display borders outlining the zones. It is possible
to define an arbitrary number of drop zones as long as their labels
