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.


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.


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 the 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 the example in Figure 3.


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.





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.


Figure 5: Label image with drop down question validation.


The following scoring types are available 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.

The Match all possible responses configuration will allow you to specify more than one valid response for one response option. Instead of creating multiple combinations of possible responses while setting the correct responses, Authors can simply add in the different versions of the response options in the alternative correct answers for that response position and choose the Match all possible responses option. See the Author Guide article for more information.

More options


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.

The 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) section.

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

Was this article helpful?

Did you arrive here by accident? If so, learn more about Learnosity by clicking here.