Responsive Rendering

The Responsive Rendering functionality allows the survey to automatically adapt to suit the device the respondent is using to answer the survey. This allows a unified look-and-feel for a survey irrespective of the device used by the respondent, and ensures a good respondent experience on any device be it on a desktop computer, a mobile or a tablet.

A Responsive layout is 'versioned'. That means, when changes are made to the layout, the edited layout is saved as a new version. When you create a survey and select a Responsive layout, the version of the layout that you select is then locked to the survey. This is done so that surveys using an older version of the layout will not be broken by later changes to the layout.

To create a new responsive layout, refer to Survey Layouts.

The Responsive Rendering functionality adds a number of features to the layout:

• If a respondent makes an error while answering; for example, he/she forgets to provide an answer to a required question and attempts to move on to the next question, then an error message is displayed. In addition, both the question involved and the actual error are highlighted. As the respondent corrects an error, the highlighting for that error is switched off. When there are no more errors to correct, the respondent can move on to the next question. You can customize the error message that is displayed to the respondent.

• When a grid is rendered on a smartphone, the row text is placed above the scale to ensure the scale has as much space as possible. Any hint texts are also placed above the scale, and as the respondent scrolls down through the answer rows the hint texts will remain visible at the top of the display. When the respondent scrolls further and moves to the next question, the hint texts move up off the screen. Any non-scored answer options, such as "Not applicable", are placed below the scale.

If you have selected a Responsive layout for your survey and you try to include a feature that is not supported, then when you attempt to launch the survey the task will fail. The 'problems' will be listed in the error list and you will have to either remove the problem feature(s) from the survey or select a different survey layout. The task will also fail if you attempt to use a Responsive layout when the functionality is not switched on for your company. In this case the message "You cannot use this layout" will be presented.

3D-Grid Functionality

3D-grids are supported for the Classic and the Whitespace layouts. Note that 3D-grids that include auto-sum, are not supported.

If the 3D-grid is large, then in desktop rendering scroll-bars will be provided. However, you should bear in mind when designing your 3D-grid that when it is displayed on a mobile device, the questions in the grid are separated out to be their individual component question types. The threshold for when rendering changes from desktop to mobile can be edited for some responsive layouts (go to Layouts, Themes & Colors Page for more information).

Note: When a responsive layout is selected, the Smartphone and Generic mobile mode options are hidden. These modes are not relevant for a responsive layout because the layout will change automatically depending on the device used.