Drag and drop Question Types
Article Last Updated June 2021
There are three types of drag and drop questions available in eClass quizzes. This article has a breakdown of each question type as well as basic setup instructions.
For a summary of the other question types available on eClass quizzes, please review Quizzes - Question Types
Drag and drop into text
The first type of drag and drop question is the drag and drop into text. This question type can be used in various ways and can be a unique alternative to “fill in the blank” style questions. Where “fill in the blank” only allows one response that must be typed in by the student, drag and drop into text allows for multiple responses within one question.
1. Once you have added the drag and drop question, and enter the Question name and Question text.
2. Setting up the main settings to the drag and drop question can be done under the Choices title.
3. Scroll down to the bottom of the page. To preview the question before adding it to the quiz, select Preview. Once you are ready to add the question to the quiz, select Save changes.
Student view of the drag and drop into text question type:
Drag and drop markers
The second type of drag and drop question is the drag and drop markers. Drag and drop markers are primarily used for identifying items in an image. The example below uses drag and drop markers to challenge students to properly identify various types of trees.
1. Add a drag and drop markers question and enter the question name and text.
2. Drop in your image. It is recommended that you have clear drop zones added to your image before uploading. The image should preview immediately after uploading
3. Add in the Markers (responses) and Drop zones.
Drag the drop zone to the correct location for the answer.
4. Scroll down to the bottom of the page. To preview the question before adding it to the quiz, select Preview. Once you are ready to add the question to the quiz, select Save changes.
Student view of the drag and drop markers question type:
Note: Student responses must be placed in the exact place as dictated by the drop-zone coordinates. Therefore, the image itself must first have visual markers for the students to drag and drop their responses onto (as displayed in the photo, or similar). Without markers first being in place, the student could place the marker near the right coordinate, but still get the question wrong.
Drag and drop onto image
The third type of drag and drop question is the drag and drop onto image. Images or text labels are dragged and dropped into specifically displayed drop zones on a background image. The example below uses drag and drop to allow students to properly identify the water cycle.
1. Add a drag and drop onto image question and enter the Question Name and Question text.
2. Under the title Preview, select Choose a file to add the main image to the question. This will be the background image used to label the correct answers with drag and drop choices.
3. The next title is Draggable items, which comes with two options: Draggable image or Draggable text. This will designate whether each drag and drop item will be an image or text.
For this example, Draggable text will be selected as we will use definitions to provide answers to the diagram.
In the picture above, Precipitation was entered in the Text settings. This indicates Precipitation will be one of the answer choices needing to be dragged into the correct location.
4. Under the title Drop zones, select the answers needing to be displayed in the Draggable item setting. In the picture below, Precipitation has been selected from the drop down to coordinate with Drop Zone 1.
The options available will coordinate from the draggable text answer choices you entered in the previous step.
5. After entering all the drop zones, scroll up to the main background image you uploaded in step 2. The Drop Zone options will automatically populate on the top left corner. Take the choice and drag it to the correct location on the image
This is how it will look once every drag and drop answer is placed in the correct location.
6. Scroll down to the bottom of the page. To preview the question before adding it to the quiz, select Preview. Once you are ready to add the question to the quiz, select Save changes.
Student view of the drag and drop onto image question type: