Dropdown on background

Background

In a dropdown on background item, you can add one or more dropdowns on a background image.

Procedure

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

1. Go to Authoring > Items.
2. Go to the folder in which you want to add your item. .
3. Click on to add an item.
4. Select the item type Dropdown 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 +Dropdown button at the bottom of the interaction block is enabled. 
9. Add a dropdown:
   • Click +Dropdown.
     Result: A blank dropdown is added in the middle of your background image. On the right of the screen, you see that the Dropdown tab is opened.  
   • Move the dropdown to the correct position.
   • If you want to add a line from the dropdown to a specific position on the background image, see below. 
10. Add answers to the dropdown:
    • Click on the dropdown to which you want to add answers.
      Result: On the right of the screen, you see that the Dropdown tab is opened.  
    • Enter the answers in the Answers section.
    • Define whether the answers are correct or incorrect. For more info, see Answer-specific options in Drag and drop in text.  
11. Repeat steps 8 to 9 until you have added all the dropdowns you need.  

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

12. Click Preview to try out your item.

Adding lines to dropdowns

To avoid overlapping dropdowns or to position the dropdowns in a more convenient way on the background image, it is possible to add lines between a dropdown and a specific position on the background image. 

To add a line to a dropdown, proceed as follows: 

1. Open your item and click on the dropdown of your choice.
   Result: The Dropdown tab is opened. 
2. Click the Line button next to the Dropdown button at the bottom of the interaction block.
   
   

   Notes:

   • You can also define the line end point style (square, circle, arrow, line) in the Block tab.  
     
   • You can add a maximum of one line per dropdown.
   Result: A line is added to the dropdown. 
3. Move the line endpoint to the required position on the background image.

Item-specific options 

You find the item-specific options in the Block tab:

As an author, you can define the order of the choices in the dropdowns:

• By default, no shuffling is applied:
  all participants will see the dropdown choices (i.e. the answers from which they need to select the correct one) in the same order, namely the order in which you added them to the dropdown.
• If you select Shuffle all choices except the empty answer, the participants will see the dropdown choices in a different order each time a session is started.

Additional options

Learn more about adding assets, adding feedback, selecting the correct scoring mechanism etc. in the section The assessmentQ item bank.