Fill gaps on background

Background

In Fill gaps on background items, the participants have to fill in the answers in the correct place on a background image. 

Example:

Procedure

Proceed as follows to create/edit a Fill gaps on background item:

1. Go to Authoring > Items.
2. Go to the folder in which you want to add your items.
3. Click on to add an item.
4. Select the item type Fill gaps on background. 
   Result: The content pane of the item is opened.
5. Enter the item name in the breadcrumb at the top.
6. Click in the content block and fill in the instruction. 
7. Click + Add block if you want to add additional content blocks.
8. Click in the interaction block and add your background image.

   Tips:

   • You can resize the background image by dragging the corner or by setting an image size for the background image in the Block tab. The image ratio, however, cannot be changed. 
   • Large background images are automatically resized to 750 pixels wide after upload.
   • You can replace the background image at any time.
   Result: Your background image is added to the canvas. The +Gap button at the bottom of the interaction block is enabled.
9. Add a gap:
   • Click +Gap.
     Result: A gap is added in the middle of your background image. On the right of the screen, you see that the Gap tab is opened.  
   • Move the gap to the correct position and resize to the desired size.
   • If you want the gap to be transparent, see below. 
   • If you want to add a line from the gap to a specific position on the background image, see below.  
10. Add one or more answers to a gap:
    • Click on the gap to which you want to add one or more answers.
      Result: On the right of the screen, you see that the Gap tab is opened.  
    • Enter the answer(s) in the Answers section.
    • Define whether the answers are correct or incorrect. For more info, see Answer-specific options in Fill gaps in text. 
11. Repeat steps 8 to 9 until you have added all the gaps you need.  

    Tip: You can duplicate a gap to work faster.  A duplicated gap has the same size and the same content as the original gap, including the answers, hints, and advanced options. The lines, however, are not duplicated.

12. Click Preview to try out your item.

Making gaps transparent

In case your background image already gives an indication of where the answer should be filled in, you may want to make the gaps transparent. 

To make a gap transparent, proceed as follows:

1. Open your item and click on the interaction block.
   Result: The Block tab is opened. 
2. Select the Make gaps transparent option in Block tab at the right.
   

   Notes: Making gaps transparent is only possible if no lines are added to the gaps.