Explain decorator

The explain decorator (e.g., {explain: text}) can be used on question options, table columns, and table rows. In all cases where explain is defined, the mouse-over definition is automatically included. The example below, which includes an explain decorator on the 'Full time' option, renders an "info" icon following the option text, indicating that there is additional information:

Dragging the cursor over the icon, or touching it on a mobile device screen, causes the mouse-over text (also called a "tooltip") defined in the explain decorator to appear. In the same manner, explain works with table rows and columns. Simply include the explain decorator in the column or row definition, and the mouse-over icon will appear next to each entry.

See demo See code Restart demo

If you need to include quotes (" ") in your text, use HTML characters to render single or double quotes. For example, ".

explain: Someday you'll say, "Hey, this works!"