Create "Drag and Drop" question type

Question

Accepted Answer

Publishers, school/district admins, and teachers can create different types of questions on the platform. Drag and drop questions are of two types - 
1. Drag and drop with Drop zones - 
The author will be able to create a question by adding an image. On the uploaded image teacher can define the drop zones and upload images as options that can be added to the drop zones. Students can then respond to the question by dragging the image options in the desired drop zone. 
2. Drag and drop without Drop zones -
The author will be able to create a question by adding an image in question space along with images as options. On the uploaded image teacher will not define the drop zones. Here, student can respond to the question by dragging the image options anywhere on the desired place on the question image. 
In drag and drop questions, the students have access to the free form drawing tools on the assessment player with the drag and drop feature so users can move the objects and draw over them while answering the questions. 
Follow the below steps to create a drag and drop question type-
1. Log in to the Portal.
2. Click “Assessment” on the left-hand side menu.
3. Click “Questions” in the sub-menu. 
You will be redirected to the “Questions” page. Here you can view the list of questions that are already created. 
4. Click “New Question” to add a new question.

5. Click on the “Drag and Drop” type question from the Question Type menu.

You will be redirected to the “Drag and Drop question” page.

6. Enter the question text in the space provided using the Wysiwyg editor.
7. Author can insert the background image by clicking on the "Click to choose background image " button and insert the image options by clicking on the "Upload multiple draggable images to place on the background image" button.
The author can upload a maximum of twenty draggable images in one question.
Image formats that can be uploaded - JPEG, PNG, and JPG formats.
The maximum allowed file size is 1MB.

8. Once the background image is uploaded, the "Add Dropzone" button will be enabled and the author can add the drop zones on the background image for creating a drag and drop question with drop zones. 
Background image can be changed by clicking on the "Change Image " button.

Click on the Add dropzone button and click on the background image where you want to create the dropzone. 
The dropzones can be resized and repositioned by dragging.   
You can select the dropzone and click "Delete Dropzone" to delete the dropzone from the background image.
9. Adding dropzones is an optional feature. If a drop zone is not added then the student can drag the option image anywhere on the background image and submit a response. 
10. Author can hover on the uploaded image option to view the preview and delete icons on all uploaded draggable images.

11. To preview, the author can click on the preview icon on the uploaded option image.

12. To delete the uploaded image option, click on the "Delete icon"
13. Click on the tick icon to save the question. 
 
14. The drag and drop question can further be added to the standard test and published as a test.