Submit a request
Submit a request

Label Image with Drop Down

In the Image Drop Down question type, students select their response from a response box drop down menu located somewhere on an image.

ee7daa51-3d19-416a-8313-5977355d90cc.png

Figure 1: Label image drop down question example.

Create a question

Enter the question stem into the Compose question area. Then upload the image to be used for the question in the Image URI field. You can either upload the image or paste image URL. You can also add Image Alternative Text, which appears if an image cannot be displayed to users, and Image Title, which is shown when mouse pointer is hover over an image.

6bb2b728-4819-4d88-bb02-383a7f983496.png

Figure 2: Composing a question.

The uploaded image preview will be shown below in the Response Positions section.

You can then position the response boxes on the image. In order to add more response boxes click on +Add Response above the image. Response boxes will pop up on the image. Drag response boxes and position them on the image as required. See example in Figure 3. Notice number labels on the top right corner of each response box. 

The uploaded image preview will be shown below in the Response Positions section.

Drag and drop the response boxes on the image as desired. In order to add more response boxes click on +Add Response above the image. See example in Figure 3.

a2d839b5-8eaa-4463-859a-e3a0b87fea56.png

Figure 3: Uploading an image.

An Edit Aria label toggle is available for the Image Cloze Dropdown question type. Once enabled it will be possible to add an Aria Label for each response box position on the image.

4ede1935-7293-4f28-84c4-10a15205ee65.png

 

 

12973a0d-eb53-4eb3-a4de-ac9e000c9142.png

Figure 4: Listing possible responses.

You can now configure validation for your question. Follow these steps to set up score and correct response:

  • Insert value in the Point(s) box to set up a mark for the question. The default value is 1.
  • In the Correct tab you will see the uploaded image with drop down menus on it. To validate the question simply select the correct response from each menu. See example in Figure 5.

44cbc64c-5f14-49a0-97ea-fc6717ba65fe.png

Figure 5: Label image with drop down question validation.

Scoring type menu can be found under More Options.

The following scoring types are avaialable in Image Drop Down questions:

  • Exact Match - Student must answer all parts of the question correct to receive a mark.
  • Partial Match Per Response - Each correct response element will be awarded an individual score.
  • Partial Match - Each correct response element will be scored individually and the overall question score will be divided between responses.

More options

Layout

From the Possibility List Position drop down menu choose where to position the possible responses container. Options are: Top, Bottom, Left or Right.

Image Scale allows the uploaded image to be scaled along with font size. The option is disabled by default.

Authors also have the ability to control the size of response boxes in the text. Width and height of all response boxes can be changed at once in the Response Container (global) section. However if you only wish to change the size of specific boxes go to Response Container (individual).

If you set width to a fixed size enable Wordwrap, it will allow the response box to expand vertically to fit the response into it.

Was this article helpful?
0 out of 0 found this helpful