Another Example for drag and drop type operation- Example2
Example Two Drag And Drop Controls Using
Example for drag and drop type operation- Example2
3.1. Explains how example2 is different
This example explains how drag & drop is performed
for different type of formats.
Dragging operation i.e. dragging the control from source
to destination is same as what is explained in Example1
that means same event procedures are used to perform Drag &
In Example1 simple images are simple images are dragged
from one place to another
i.e. dragged from source & dropped on to appropriate
But in this example array of controls created dynamically
at runtime based on the number of options. Answer options
controls are also created dynamically (minimum 8 option)
and then dragged to a appropriate place.
To grab the more information about this download the
appropriate zip file.
Screen shots for example2 is given below
Fig3: Screenshot for match the following type question
Controls before being dragged to a target
Here boxes given in pink color are dragged and dropped in
the target (placeholder boxes).
Fig4: Screenshot fro example2 controls after being dragged
to a target
3.2 Downloadable zip file
4. Example3 for
Drag & drop type question
4.1 Brief description of example3
Example 3 is slightly different from Example2.
This example (project) contains Drag & Drop for fill
in the blanks type questions.
Also it explains how to display the blank spaces in middle
of the question
Here control for questions, control for placeholder and control
for answer option is created at runtime as control array
(i.e. minimum no. of option given are 12)
These options are dragged and dropped on the required places.
For more information about this example you can download
a zip file.
Screen shots for example3 is given below
Fig5: Screenshot for example3 controls before being dragged
to the target.
Fig6: screenshot for example3 control after being dragged
to a target.