Question type - Graphic Gap Match


Automatically marked question.

The question is answered by dragging and dropping alternatives with plain text, rich text and math or images to a image.

Graphic Gap Match is a question type where a number of drag elements are to be dragged over to predefined drop areas on an image. The drag elements can be plain text, rich text and math (LaTeX), or images. The image is added as a background. 

Information: If using an iPad when answering a Graphic gap match question then press the object for a little while before it “lifts” and follows to where you want to drag it. It does not work to just drag the object, you need to press it for a little while first.
Information: For tablet devices, we recommend disabling the option to rotate the screen during tests with this question type. Rotating between horizontal and vertical views on a tablet device can cause the screen to freeze.

In the question's edit mode, you can do the following: 


1. Replace text with desired question text.

2. Add math (LaTex), files, tables, links, PDF, images and / or audio clips to the question text.

3. Insert more interaction elements (gaps) by pressing +Insert. For more details, see Add gaps and tokens


4. Set general options for the question type. Read more about general options for questions


Specific options

Note: This question type has two different choices of options. One for Main Setup, and one for Gap Setup and correct answers. To switch between them, you may need to click twice on the work area.

Main Setup


1. Setup: Selection of type of drag element (token) and size for tokens and gaps.

  • Token type: Choose from plain text, rich text and math, or images. It is not possible to mix types. 
  • Token size: Choose between Auto-size to largest token or Individual size on the drag elements. 
    • Auto-size to largest token: All the tokens will be the same size.
    • Individual size: Different size on the tokens. The size is depending on how many letters / how many math symbols or digits, or how big the image is. 
  • Gap size: Choose between Individual size or Same size on the drop areas. Size can be changed under Gap in Gap Setup

2. Prompt: Write an explanation text for the question. The text will appear in the workspace above the tokens. Plasser_i_bilde_5_EN.png

3. Background: Upload the background image to the question by pressing Upload image. The predefined width is 800, but can be changed manually. 

4. Distractors: Allows you to add incorrect answers - distractors. For each wrong answer you add, a new drag element (token) box appears. Thus, this element will not have a match in the text. Plasser_i_bilde_6_EN.png

5. Options: Choose how the answer alternatives (tokens) are placed, sorted and reused.

  • Position of tokens: Choose from interaction header (default), interaction footer and pin right. This is where the tokens shows up in the question at start.
  • Order of alternatives: Choose from random (default), ascending by identifier or ascending by alternatives. You can rename the identifier in the Gap Setup
  • Reuse of alternatives: Choose whether to allow the candidate to use answer alternatives again, or not. "Not allowed" is set by default.
  • Dropping tokens in populated gap: Choose between replacing the token, or add token and expand the gap to fit. 

6. External identifier: For information on external identifier, read general options for questions


Gap Setup

By clicking on one of the gap identifiers (drop areas) in the background image, you will enter the setup for the individual gap identifier. 


1. Gap: Resize (width and height) and position (x and y) of the gap identifier. By default, Gap 1 is linked to the token, A1. Remove the gap by pressing the Trash Can button. 

Note: If Same size is set in the Main Setup, all gap identifiers will be automatically updated to the same size.

2. Correct answers: Depends on the type you have selected in the Main Setup: text, rich text and math, or images.

  • Plain text: Enter the correct answer in the bottom text box. The answer may also contain digits.
  • Rich text and math: Click Edit rich text under the bottom text box to enter rich text. A text editor will pop up. To write math (LaTeX) press the Sigma button located on the toolbar in the text editor. 
  • Image: To upload an image locally from your device, click Upload image. 

 Correct answer can be removed by pressing the Trash Can icon. 


Add gaps and tokens


1. Click in the question's edit mode (where you entered the question text) and select +Insert to add a gap (drop area). 

2. Move the gap (drop area) to desired loaction on the background.

3. Press Add correct answer to add a token (drag element).

Note: If the option Reuse of alternatives is enabled, the choice Select correct answer from other gap will appear under Add correct answer. By choosing this, you can select which gap you want to select the correct answer from. 

4. Add text, rich text, math or image, depending on the gap type you have selected, to the token. 



Known limitations:

The combination of a large background image and long words/sentences in the tokens placed to the right side of the image can cause the question to be too wide for smaller screens. As of right now, scrolling left/right is not possible for the candidates. 

We recommend previewing the question set on smaller screens, and if in doubt, place the tokens above or underneath the image. This would possibly create a need for scrolling up and down, but this is possible for the candidate.



Articles in this section

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