Drag and drop

  • Updated
Skjermbilde 2026-05-19 111614.png

Automatically marked question.

The question is answered by dragging and dropping text or objects.

The Drag and Drop question type in Inspera Assessment is automatically marked. Candidates answer the question by dragging and dropping text or image objects onto predefined drop areas. These drop areas can be placed on an image background or exist as fields. 

This article explains the layout and elements of Drag and drop questions, details how to connect drag and drop areas, and outlines their specific options.

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.

Question layout

  • 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. Set General options for the question type. For more information, see the Question options panel article. 

      Select Advanced settings to make the question a Mandatory question.

    4. The Drawing tool allows candidates to express their answers visually with a simple, easy-to-use freehand drawing tool.
  • In the question's edit mode, you can do the following: 

    The question editor interface, showing the question text, the toolbar and the general options panel.

    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. Set general options for the question type. For more information, see the General options for questions article.

Specific options

Clicking on the interaction element gives you the specific options for the question type.

The specific options for the question type.

  1. Write an explanation text for the question. The text will appear in the workspace. Select one alternative is set by default.
  2. Select the Background option. Upload an image (JPG, PNG, or SVG) to serve as the question's background. The recommended image size is 620x400 pixels.
  3. Drag areas: Add a drag area for each object. The drag area can be text and / or an image. Images are automatically adjusted to the drag area, but it is recommended that the size of the image is as close to the actual size of the area as possible. 

    The interface for adding and editing question alternatives.(A) Remove a drag area by clicking on the cross at the desired drag area.

    Drop areas: Add a drop area. The drop areas are marked with numbers, and the size of the areas can be adjusted. It is possible to have more or fewer drop areas. You add and remove the areas in the same way as for drag areas. 

    Connect the drag and drop areas:

    1. Click the drag object to connect. A blue boarder appears around the selected drag object.
    2. Click the drop area associated with the selected drag object. The same drag object may be connected to one or more drop areas.
    3. The link is created and made visible as a green line that connects the drag and drop areas; you add or remove it by repeatedly clicking the drop area.
    4. Click outside the objects to remove focus from the drag object. At this point, all the objects and their links will be visible to the entire question.
    5. Repeat this process until all drag and drop areas are defined. 
  4.  

    1. Lower and upper mark limit: You can set these for each interaction element. The value here will override the mark settings set for the whole question. Read more about this in the article on advanced scoring.
    2. Snap to grid in authoring: A grid will cover the interaction element. This makes it easier for the author to set up the drag and drop areas.
    3. Free placing drag areas: A default setting where the candidates themselves have to drag and drop the object within the corresponding drop area. If this is not selected, the object will automatically move to the correct location.
    4. Mark drop areas:  Areas where drag objects must be dropped are delimited and made visible to the candidates.
    5. Regard question as unanswered if no drag object is dropped on a drop area: If a candidate not drag the object within a drop area, it will be considered unanswered. Note that all drop areas must be considered as unanswered in order for the question to be considered as unanswered in its entirety. You set unanswered marks under General Options in the question's edit mode. 
    6. Interaction height: Change the height of the interaction element. The default is 400p (recommended height). In case the height needs to be increased to facilitate more elements, it is recommended to preview and test the question to ensure a good candidate experience. 

      The image shows what it looks like with the setting Mark drop areas.

    7. The image above shows what it looks like with the setting Mark drop areas. This allows candidates to see where they can drag the objects.
    Make sure the question works as expected by Previewing the Question and Test Correct Answers. You cannot change marks and correct answers after the test has started.
  5. An External Identifier is a unique string that helps link the question to external systems for data collection, without serving any internal purpose in Inspera Assessment.

Was this article helpful?

1 out of 1 found this helpful