Skip to main content

Search

Highlighter questions

  • Updated

The highlighter question lets respondents interactively highlight words or sentences to express preferences. Highlighters are created with the type: highlighter table tag.

Details

  • To create a highlighter exercise you need two sets of options (or lists), a set of answer options for the highlighter scale (like, dislike, etc.), and a set of row options with the word(s) to evaluate.
  • There are two ways to present this exercise to respondents. By default, format: menu is used to show menu buttons on screen. The respondent picks a color from the buttons and then selects the word(s). Changing it to format: toggle removes the menu buttons, and the respondent clicks the word(s) as many times as needed to cycle through the choices.
  • There are four default highlighter colors: light green, pink, yellow, teal. The colors are assigned  to the answer options in the order they are programmed. Light green is assigned to the first option; pink is assigned to the second option, and so on.
  • If more than four colors are needed, or to assign different colors, list them in option data decorators labeled 'COLOR', e.g., 3. I don't like it {{COLOR: red}}. Colors recognized by CSS color properties and HEX numbers can be used.
  • Highlighters require at least one selection. Add decline to answer to allow respondents to skip the exercise without highlighting any text.
  • Answer options collect data like a multiple choice question, while the word(s) being evaluated collect data like a single choice question.
  • 'PRE' and 'POST' option data labels can be used to insert non-selectable text (like commas, periods, etc.) or HTML elements before or after the word(s).

Tags

Tag Description
clear button

Accepts 'y' (default) and 'n' input. Applying clear button: n hides the button.

Note, the clear button is displayed by default regardless of the format used.
clear button text Specifies the clear button text. "Clear all" is default." Input any text to change it.
format

format: menu (default) allows picking the highlighter color from buttons at the top of the screen.

format: toggle allows clicking the words to change the highlighted color.

Additional examples

Using the 'toggle' format

Q2 uses a toggle format. Clicking a word/phrase cycles through answer options in the order they are programmed. The final click resets the word to "blank." The clear button: n tag removes the "Clear All" button.

Adding non-selectable text

In Q3 below, the option data labels 'PRE' and 'POST' add HTML before and after the selectable text. 'PRE' inserts the HTML before the option text, and 'POST' inserts it after. Additionally, decline to answer lets respondents skip the question without selecting text.

Customizing highlighter colors

Here, Q4A and Q4B show two ways to assign new colors to answer options using the option data label 'COLOR'. The input can be a color name or a HEX code.

Related to

Related articles

Comments

0 comments

Please sign in to leave a comment.