Advanced Question: Image Highlighter

This article will help you setup an Image Highlighter question. 

Adding an Image Highlighter Question:

1. If you have not created a question before, please see the following article before you begin 
   1. How to add a Question
2. The 'New Question' box will then appear
   1. Edit the question number if necessary. 
   2. Select 'Advanced' from the Question menu
   3. Select 'Image Highlighter' 
   4. Click 'Create'

Now that your question has been created, its time to customize it.

1. Add your question text as needed
   • See article: Add or Update Question Text
2. 1. The colored circle is the highlight color. Click on it to modify it as needed.
   2. The numeric value is what will appear in the data. Update this to suite your project.
   3. The text next to it will be the value label and can be customized. 
   4. You can use the presets for some standard options. Once you modify the new one, click '+ Highlight State' 

   

3. In the 'Highlights' section...
   1. You will need to upload your image and get the link. See Using Images.
   2. Paste the link into the 'Image URL' field 

   

   1. The image will appear below this and you can start mapping your clickable regions. You have 3 options:
      1. Rectangle - will allow you to make a rectangular clickable region
      2. Circle - will allow you to make a rectangular clickable region
      3. Hexagon- will allow you to make a custom shape 
         
         
4. Make sure to add labels to each of your clickable images. Its easiest to do this while you are making them so you do not lose track. These labels will be what is used in the data.
   
5. By default, the respondent will be forced to highlight at least one item to be able to continue. You have the ability to give them an opt out in the 'Don't Know Responses' section. 
   1. Click on the 'Add Response' link 
   2. Then type in the text you wish to appear
   3. You can have as many as you need. Continue to click on the 'Add Response' link until you are done. 

   

6. There are some overall settings you can also use. 
   1. Click on the gear icon to see the overall question setting
   2. You can hide the Key
   3. You can have a text box for each clickable region that is selected
   4. You can also not require a response at all.
      
7. For testing, use the 'Preview & Test' 
   1. If you have several highlights, you'd need to click multiple times on the space to get from one to another; one extra click will take you back to no highlight