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.

drag and drop question type

2. Setting up the main settings to the drag and drop question can be done under the Choices title.

drag and drop question types 1

  1. Choices [[1]] and [[2]] correspond with the text “party” and “1999” accordingly
  2. Shuffling is recommended as this will change the order for each students attempt
  3. Using the Group function changes the background colour of the choice. This is best used if building complex or lengthy drag and drop questions with lots of choices
  4. Selecting Unlimited allowed students to use the Choice twice (or more) in their response. This can make the question more difficult to answer.

 

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.

drag and drop save and display button

 

Student view of the drag and drop into text question type:

drag and drop question type 2

drag and drop question type student view

 

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.

drag and drop question type 3

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

drag. and drop question type 4

3. Add in the Markers (responses) and Drop zones.

drag and drop question type 5

drag and drop question type 5

Drag the drop zone to the correct location for the answer.

drag and drop question type 6

 

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.

drag and drop question type submit button

 

Student view of the drag and drop markers question type:

drag and drop student view

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.

drag and drop onto image 1

 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.

drag and drop onto image 2

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.

drag and drop onto image 3

drag and drop onto image 4

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.

drag and drop onto image 5

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

drag and drop onto image 6

This is how it will look once every drag and drop answer is placed in the correct location.

drag and drop onto image 7

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.

drag and drop onto image 8

Student view of the drag and drop onto image question type:

drag and drop onto the image 9

(1 vote(s))
Helpful
Not helpful

Comments (0)