Skip to main content

Search

mode tag

  • Updated

The mode tag alters how tables, questions, and MaxDiff widgets are displayed in a survey.

Tip! The mode tag is particularly useful for modifying the Modern and Flex themes. Only mode: tiled and mode: mobile is used with Spruce.

Details

  • The mode tag can be applied globally via set defaults or locally to individual widgets.
  • When modifying the display mode at the question level, apply the mode tag directly to the question, table, or MaxDiff widget, as shown above. Available mode types are listed in the table below.
  • To apply a global display mode to all tables, questions, or MaxDiffs in your survey, include the table mode, question mode, or maxdiff mode tags on a set defaults widget.
  • It is possible to override a global mode setting by including a mode tag on individual questions and tables.
  • For tables, multiple display options can be specified, separated by commas (e.g., mode: textabove, vertical). The system selects the mode that best fits the viewer's screen or browser width.
  • Radio questions with the hscale tag behave similarly to tables, allowing for some table-specific tags such as headings. Because of this, table mode: vertical should be applied in this scenario. Note that the generic mode tag will not work.
  • The modes 'classic' and 'mobile' cannot be combined with other display modes.

Note: Screen size constraints play a role in how tables are displayed. As such, specified display modes may be overridden by the system to best fit table content.

Mode types

Mode For use with Description
buttons tables Displays the row element text to the left of the options.
classic tables, questions, MaxDiffs

Allows for headers and formats the table to look similar to theme: modern_simple. Questions are displayed with traditional, small radio buttons and checkboxes to the left of each option's text.

Classic cannot be used in tandem with other mode types.
default tables, questions, MaxDiffs

For use on individual widgets only. Displays the question in the theme's default appearance when a "global mode" tag is applied to a set defaults widget.
mobile MaxDiffs

Provides a more "mobile-friendly" version of the MaxDiff exercise. A single column of buttons is displayed where the user can click either the left or right side of the button to indicate Most or Least.

Mobile cannot be used in tandem with other mode types.
textabove tables Displays the row element text above the options.
tiled tables For use on individual widgets only. Adds buttons to increase or decrease the inputted value for a numeric response table. Answers can also be manually entered in the text field.
vertical tables Lists the options vertically below each row element.

Global mode tags

The following tags can be added to a set defaults widget to alter how all questions, tables, or MaxDiffs should be displayed in a survey.

Tag Description
maxdiff mode Sets the display mode for all MaxDiff widgets in the survey.
question mode Sets the display mode for all question widgets in the survey.
table mode Sets the display mode for all table widgets in the survey. Multiple display modes can be specified in a comma-separated list. 

Additional examples

Applying vertical mode to questions

Though intended for tables, 'vertical' mode can be included with questions that use the hscale and headings tags since these cause them to behave similar to tables. In this scenario, table mode is included to force the options to be displayed vertically. The headings will be incorporated into the options at the end points of the scale.

Overriding global modes

In the following example, the 'classic' display mode is applied to all tables in a survey by applying the table mode tag to the set defaults widget. To override this display mode for a single widget, add the mode tag to it.

This 'classic' display mode can be seen in T6. T6A then includes mode: textabove to display the row elements above the table's options.

 

Related to

Related articles

Comments

0 comments

Please sign in to leave a comment.