Label Image With Text
Sujay Darji avatar
Written by Sujay Darji
Updated over a week ago

Label Image With Text

This question allows students to enter text into response box labels positioned on an image. This is similar to the Image drag & drop and Image drop down questions, but students are required to type their own responses.

Figure 1: Label image question example.

Create a question

Enter the question stem into the Compose question area. In the Add image field, upload your chosen image or paste the image URL. For information about image requirements visit the Images page. You can add Image Alternative Text, which appears if the image cannot be displayed on a page, and Image Title text, which appears when the mouse hovers over the image.

Figure 2: Label image question example.

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

The numbered response boxes will appear on the image, and you can drag and position them as required. In order to add more response boxes click on +Add Response above the image. See example in Figure 3.

Figure 3: Response boxes positions on the image.

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. Default value is 1.

  • In the Correct tab you will see the uploaded image with empty response boxes on it. To validate the question type correct responses in each box. See example in Figure 4.

Figure 4: Label image with text question validation

Scoring

The following scoring types are available in Image Cloze Text 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.

More options

You can specify maximum amount of characters that can be entered in the response boxes. Enter a value in the Maximum Length (characters) field. Max possible value is 250.

The Multiple Line option allows student to enter text in multiple lines in the response area by pressing the return key on the keyboard.

Browser Spellcheck - This will turn on spellcheck in the text entry area. Note: This is a browser feature and may not always be available.

The Case Sensitive toggle determines whether students responses should match case or not. By default all questions are not case sensitive i.e. “Yes” and “yes” are treated as the same answer. If you wish the students to enter the response in the correct case enable Case Sensitive.

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

Character Map - Inserting a character map allows students to select non-typical letters and symbols in language e.g. ó, ç, ñ or Math and Science e.g. μ, ∞ ,≤, and make them available for the students in Label Image questions. Clicking Yes/No will turn on our default character maps. The Alpha Character Map is the default Character Map. To enable the Numerical Character Map Has Mathematical Formulas must be also be enabled. To create a Custom Character Map enter the specific characters into the Characters to display box.

Alpha character map

Numerical character map

Custom character map

You can control the size of all response boxes at once by setting height and width in the Response Container (global) section. If you only wish to change the size of specific boxes go to Response Container (individual) section.

Layout

  • Height - Specify the height of all response containers. e.g. 40px.

  • Width - Specify the weight of all response containers. e.g. 70px.

  • Pointer - Add a pointer to the top, right, bottom or left of the response box.

  • Placeholder - Add text to give a hint to the student. This text will appear in the response box and disappear when the student starts typing.

  • Input Type - This the keyboard that will display on Tablet devices. Options are Text or Number. 

Did this answer your question?