In the first step, you can set some basic properties of the component,
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
such as the title, the maximum score, the question text to render
image, the introductory feedback (shown initially) and the final
above the background image, the introductory feedback (shown
feedback (shown after the student successfully completes the drag and
initially), and the final feedback (shown after the student
drop problem).
successfully completes the drag and drop problem).


In the next step, you set the background image URL and define the
In the next step, you set the URL and description for the background
properties of the drop zones. The properties include the title/text
image and define the properties of the drop zones. For each zone you
rendered in the drop zone, the zone's dimensions and position
can specify the text that should be rendered inside it (the "zone
coordinates. In this step you can also specify whether you would like
label"), how wide and tall it should be, and where it should be placed
zone labels to be shown to students or not, as well as whether or not
on the background image. In this step you can also specify whether you
to display borders outlining the zones. It is possible to define an
would like zone labels to be shown to students or not, as well as
arbitrary number of drop zones as long as their titles are unique.
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