Using tooltips

Tooltips can be used to provide definitions of complex or technical words

Introduction

Tooltips can be added to surveys to explain words which are complex or difficult to understand.

An example of a tooltip being used to explain the meaning of the word 'complex'

It is best practice to use Tooltips sparingly and keep the descriptions short so they render well on smaller devices such as tablets and phones

Step 1

Tooltips can be added anywhere you like in your survey by using this code;

<lapp-tooltip text="tooltip message">label</lapp-tooltip>

You can copy and paste the code above into your survey and then alter as explained below

Alter the following elements to customise your tooltip;

Label- This is the word that you want to be explained or expanded. In the example above the 'Label' is the word 'complex'

tooltip message- This is the explanation of the word. In the example above the 'tooltip message' is the text "Something which is complicated or difficult to understand'

Step 2

The Tooltip code can be added directly from the formatting ribbon in feild that support markdown such as the 'Introduction Page' or 'Text (markdown)' feilds.

Screenshot showing how tooltips can be added from the formatting ribbon in certain feilds

However tooltips can also be added to question labels and option labels by copying and pasting the code shown in Step 1.

Step 3

The method to test your tooltip depends upon where it has been added.

If your tooltip has been added to the 'Introduction Page' or 'Thank You Page', it can be tested from the 'Preview' tab as shown below;

Screenshot showing a tooltip being tested in the 'preview' tab of the Introduction Page

If your tooltip has been added to your Form, it can be tested from the 'Test' view as shown below;

Screenshot showing a tooltip being tested in the 'Test' view of the survey builder

Step 4

This short video shows a tooltip being added to the 'Introduction Page', a 'Question Label' and an 'Option Label'.

Short video showing how to add tooltips to a survey

Congratulations! You now know how to add Tooltip to explain words that are difficult to understand