Using tooltips

Introduction

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

The first step is to provide definitions of any complex words in the form 'Glossary'

The 'Glossary' is visible in the left hand column in the form definition menu

Step 2

Select 'add new term' and give the term a unique name

Step 3

Once you have defined a word in the form glossary you can add a Tooltip in the form itself.

Tooltips can be located in various places in a form including in a section title, a question label or a question option.

Step 4

Tooltips must be written in the following way:

<pwi-form-tooltip term=participate position=top>participate</pwi-form-tooltip>

Step 4

Once you have added your Tooltip you can go to the 'Test' mode to test how it is working.

Step 5

It is possible to change the positioning of the Tooltip. In the example above we set the position as 'top'. However 'bottom', 'left' and 'right' are also possible options.

If a position is not mentioned, the app will determine the position automatically.

Step 6

Tooltip's can be added to option labels as shown below:

To add s Tooltip to an options label you must toggle on the 'Advanced' mode and select the option 'allow options to be written in markdown' as shown below: