Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

A tooltip is a message that is displayed when a user hovers over or clicks on UI elements such as an icon, a highlighted word, or a button. Tooltips are short messages related to specific UI elements that provide additional explanations and guide users toward taking specific actions.Tooltips are best when they provide additional explanations for an unfamiliar form to some users or reasoning for what may seem like an unusual request.

...

Tip

Include additional information without distracting the reader from the main text.

Note

Try to keep the explanation message short and understanding. Using many and long tooltips can distract users from the main content.

...

Insert Tooltip and Footnotes

Please follow these steps to insert a Footnotes and Tooltips macro module on a Confluence page:

  1. Navigate to Open the Confluence page you wish want to edit, or create a new pageone.

  2. Once in In edit mode, either click the plus ‘+' icon in the navigation bar (insert elements) toolbar or press '/' on your keyboard to bring up the macro listopen the module menu.

  3. Type "Footnotes"Optics or "Tooltips" in the search bar , then choose the and select Footnotes and Tooltips macro (by Optics) from the options displayedlist to open a configuration dialogue.

...

  1. In the configuration dialog

...

  1. , add content and select the display color.

  2. Once you're

...

  1. happy with the setup, click

...

  1. Add to page to

...

Tooltip and footnote macro
color#0052CC
descriptionThis is a footnote 1
macroTypefootnote
Tooltip and footnote macro
color#0052CC
descriptionThis is a footnote 2
macroTypefootnote
Tooltip and footnote macro
color#0052CC
descriptionThis is a footnote 3
macroTypefootnote

...

Footnotes or Tooltips

...

Choose between tooltips and footnotes.

Tooltip and footnote macro
color#ff4310ff
descriptionOvo je tooltip
macroTypetooltip

...

Color

...

Choose a colour from the predefined colour set .

...

Description

...

Add description that will show on hover or as a notification banner.

...

Footnotes display macro

...

  1. insert the module. To cancel, simply click Cancel, and the module won’t be added.

Footnotes Display Module

In edit mode, footnotes appear as an asterisk (*). The corresponding number is automatically added in view mode after the page is published. To display and organize all footnotes used on the page, the Footnotes Display module must be added.