Another Example for drag and drop type operation- Example2
3. Another Example for drag and drop type operation- Example2
3.1. Explains how example2 is different from example1
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 & Drop operation.
In Example1 simple images are simple images are dragged from one place to another
i.e. dragged from source & dropped on to appropriate places (target).
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.