What is the help icon?

Smart Tips provide context-sensitive help on a field, button, or other UI element. There are three types of Smart Tips:

  • Icon: Used to provide context-sensitive help, hover text, and supplemental information to buttons, labels, and other screen elements
  • Invisible: Anchored to an element on the page, Invisible Smart Tips are used to provide context-sensitive help without using a help icon or beacon
  • Beacon: Like an Icon Smart Tip, a Beacon adds a pulsing image drawing the reader's attention. Best practice is to use this type of Smart Tip for emergency and temporary notifications

example

Guided Learning places the help icon to the right of the element.

The help icon setting is available under the display settings in the Guided Learning editor.

You can style the help icon by downloading the design kit.

Note:

When setting a help icon, select the Tip placement and Help icon placement on the same side, as shown in the below screenshot. This will prevent the Tip from overlapping the selector which can cause the Tip to flicker.

Corect

Do not set the Tip placement and Help icon placement on opposite sides as this will cause the Tip to overlap the selector and cause the Tip to flicker.

Wrong