Adding tooltips to text

Adding tooltips to your text can help give additional context without interrupting the flow of information. Tooltips can be used for a variety of different situations including showing definitions of terms, providing additional information, showing citations for factual information, and guiding users to other resources.

 

Applying tooltips to text

These steps can also be repeated if you need to edit your tooltip later.

1. Highlight the text you'd like to add your tooltip to

author-project-text-highlighted-lms

2. Select the Insert/edit Tooltip icon (author-text-formatting-toolbar-tooltip-icon) from the text formatting toolbar to open the tooltip editor:

author-text-formatting-toolbar

3. Add an optional heading for your tooltip by typing in the Tooltip heading field

4. Write the main text in the Tooltip text field. You can use the formatting toolbar to add bold and italic formatting or embed a link into the tooltip text.

author-project-tooltip-editing-modal-example

5. Select Insert

The text will become coloured and underlined to signify that it contains a tooltip.

 

Removing the tooltip

1. Highlight the text that contains the tooltip you'd like to remove

2. Select the Remove link icon from the text formatting toolbar (author-text-formatting-toolbar-remove-link-icon) to remove the tooltip

author-text-formatting-toolbar

 

Interacting with the tooltip

You can check how your tooltip works by switching to Preview or viewing it in your released course.

To reveal the tooltip, hover the mouse over the text where the tooltip is applied. To close it, select the button at the top right corner of the tooltip.

author-preview-tooltip-open

Note: Tooltips are intended for short pieces of additional text and are only available to use in certain types of text boxes. We recommend keeping the information in the tooltip as brief as possible. Consider other options like an Accordion if the tooltip text is becoming too long.
Was this article helpful?
0 out of 0 found this helpful

Articles in this section

See more
Request support
Access support that’s tailored to you by getting in touch with our Support Team.
Send us feedback
Do you have a new feature request, or want to tell us about something that works well (or not so well) for you? Get in touch!