Overview of the Label with drop down task

In the Label with drop down task type learners select a response from a dropdown menu located somewhere on an image.

Image dropdown can have some similar uses to free highlight (where you can draw on an image to mark it up or add labels). However, image dropdown has an advantage over free highlight when your labels are longer as in the example below.

You could also use this task type to label a spectrum or timeline as in this example.
​

With this task type it's important to remember that iQualify is a responsive platform i.e. images resize depending the space they have available to them. This includes when they're put into a quiz, or when they're being used on a smaller device.

Also note that when you're building, the red dot indicates the placement, the box is for the dropdown text. This is mostly because the box for text can cover a large area and it might be unclear as to which "part" of the box pointed to the area for the dropdown - left? right? middle?

The dropdown boxes default to displaying to the right of the placement dots. This means, if the boxes are all inline, or the text for the dropdown is very long, they might end up overlaying.

What does this mean for my task or image? Well, it means you need to keep in mind the type of image you're using. If the red dot needs to be put in a very exact place, this task type may not be the one for you.

Try it out by resizing your browser. Do the dots still stay in roughly the right place as you resize? Or do they automatic shift when resizing cause them to drift out of place? Do the boxes now overlay one another too much? If either of these are issues you encounter, take a look at our alternative approaches below.

You might want to consider using the free highlight (where you can draw on an image to mark it up or add labels) instead and asking learners to point out a specific spot.

Or, maybe you could label the image with A, B, C etc. then use a text-based dropdown for learners to say what A, B, C etc. should be.

One last option is to try presenting the image differently. Perhaps that horizontal presentation could be changed to vertical? Perhaps we could crop the image or make it slightly smaller to limit the resizing?

All tasks load with an example task to give an idea of what each field is for. To add your own task details, you can type over the existing content in the fields or select Clear task content, to start completely fresh.

This task has the standard fields/options that all tasks have.

At the top:

And at the bottom:

In between the top and bottom standard fields we have the following areas and fields.

Upload your chosen image.

In the Response responses use Add to add a response position to the image. You'll need to drag it into position on the image you've uploaded. 

Add ARIA labels (describes the position of the response - used by screen readers).

Then add in the available responses for each response position. Use +Add to add and the bin icon to remove a response.

The button to the left of each field allows you to re-order how the options appear to your learners.

Under Correct, choose the correct responses from the dropdowns to allow the task to be automarked.

If there are more correct answers, use the + to add alternative answers.

You can also choose to not set a correct answer. If you don’t want the question to be automarked, do not allocate an answer for any dropdown under Correct. In this case, the task will not be automarked and the task will be allocated the complete/incomplete with feedback marking template to allow facilitators to manually mark the task (if desired).