In this article
Important
The Image Mapping extension is an Add-On. Commercial terms will apply.
The Image Mapping extension enables you to include special single or multi questions in your survey, where the question is an image and areas in that image are the answers to the question. The respondent clicks on areas in the image to select his/her answers. The Image Map functionality is only supported for these special single or multi questions.
For example, a question in your survey could be “Which modes of transport have you used in the last month?” An image containing pictures of a car, a bicycle, a train, a bus, an airplane, a horse etc. could then be presented to the respondent, with each picture being an answer option. The respondent would then click on the appropriate items in the image to select them.
You create the answer options by drawing shapes on the image. Each shape is then mapped to an answer code in the question’s Answers tab. Note that you must add the required answer codes to the Answers tab manually; the codes are not added automatically.
Three types of shape are available; rectangles, circles and polygons (shapes with any number of corners). Once drawn, rectangles and circles can be moved, resized and modified. The polygon shapes cannot be moved from their initial positions but corners of the polygons can be modified, moving each corner individually.
You can draw the shapes in any color, but changing the color properties in the Image Map Configuration will change the color properties of all the shapes on your image; you cannot draw some shapes in one color and then draw other shapes in a different color. Images used in different Image Map questions can have different configurations.
Note: Every shape in the image must have a corresponding answer code in the question’s Answers tab. The answer codes are not created automatically – you must create them manually. Note also that if you create an image map shape and its corresponding answer code in the Answers tab, and later delete the shape, you do not need to go to the Answers tab and delete the answer code – “unused” codes will merely be ignored.
The image map shapes have a right-click menu, allowing you to modify, duplicate or delete the shape (go to Right-Clicking Shapes for more information).
Applying Changes and Saving
When you have made changes to the Image Map configuration, or added or modified shapes, you must save those changes by clicking the Save & Apply button located towards the bottom of the Image Map Configuration panel. If you leave the Image Map tab before clicking Save & Apply, the changes will not be saved. When you have finished editing the question, you must also click the Save button on the Question Details page to save the changes to the question.
Important
The Image Map regions and associated meta data are always available to the live survey. Once the survey has been launched with the Image Map question(s), any changes you later make to the shapes or configuration, when saved using the Save & Apply button, will immediately be included in the survey. You will therefore be working on a live survey. No survey relaunch is necessary to apply the changes in the live survey.
Note: All major browsers support the Image Map question type including IE8+, Chrome, Safari, Mozilla Firefox, and Opera. The Image Map Configuration tab used for drawing and configuring your Image Maps is currently only supported by Chrome and Firefox browsers.
Image Map Extension
When the Image Map extension is activated for your company, the Question Extensions toolbox appears in the toolbox pane and includes this extension.
To add an Image Map question to your survey, drag and drop the appropriate question type into the desired location in the Questionnaire Tree, or place the mouse pointer at the appropriate place in the Questionnaire Tree, right-click and select Insert After > Question Extensions and select the desired question type.
Note: Only one Image Map Question per survey page is supported at present. You may not add more than one Image Map question to appear on a single page.
The question designer page opens. In addition to all the “standard” tabs used by the Single or Multi questions, the Image Map questions also have the Image Map and Image Map Report tabs, highlighted in pale green - .
Figure 1 - The Question Editor page for an Image Map question
The Text tab, Answers tab etc. are the same as for “standard” single/multi questions – add the desired title, text and instructions, then go to the Image Map tab to load the image and create the mappings.