Support

Defining Tooltip positioning options

From the Adopt Editor left-side panel, access the Properties of a Tooltip and open the Position tab:

Under Tooltip position:

  • Preview the element associated with the tooltip on the web application page. If needed, Reselect the element. Refer to the Using Element Selector in Adopt Editor documentation.

    • If the system cannot display your preferred position due to space constraints, Adopt places it in the most suitable position in a clockwise direction.

  • Target Key pages by ticking Show matches and/or selecting a key page from the list. You may also use the Search bar to filter the results by name.

    • Predefined key pages allow you to associate the tooltip with a dynamic URL still recognizable by Nexthink Infinity, for example: https://impl.workday.com/*/d/home.htmld

    • If you have no matching key pages, refer to the Key pages documentation for more information.

    • If needed, Ignore key page selection altogether and define a static URL under Navigation.

  • Optionally, enable or disable Element selectors—configured by default in Nexthink Infinity Adoption settings—to make them specific to this tooltip.

When using Adopt Editor within an application with iframes, the Show matches option cannot display the matching key page for the iframe in which the target element resides.

In these cases, Reselect the target element to display the matching key page.

  • Enable position recalculation when the user scrolls in cases where you have multiple containers with scroll bars aside from the main page. Generally, Adopt attempts to scroll through the main page to reach a tooltip-associated element. Enable this option and specify a container by its element ID to restrict the scrolling to that container.

  • Enable or disable Guide defaults present in the Nexthink Adoption settings:

    • Ignore recorded query parameters: When a tooltip navigates to a specific URL that contains a query, for example http://google.com/?query, enable this setting to disregard the query,meaning everything after/?, and only use the base URL.

    • Display tooltip when element is not covered: Generally, Adopt display tooltips even when the associated elements are being overlapped by a modal window or dialogue. Enable this setting to ensure the tooltip only displays when the element is not being overlapped by other elements.

    • Scroll to view element: Enable this setting to automatically scroll the page until the associated element is visible.

Use the Orientation, Custom region and z-index options to define the tooltip position relative to the selected element.

Under Tooltip placement:

Select an Orientation to determine the direction from which the tootilp renders, based on the associated element's position.

  • Auto is the default setting. Tooltips render from the top unless the element is at the top of the page, in which case they render from the bottom.

  • Select top, right, bottom or left to specify a rendering direction.

Under Z-index:

Select a Z-index source to determine the z-index origin point from which the Nexthink extension renders the tooltip.

  • Theme uses the Nexthink default z-index value of 73999.

  • Element uses the associated element's z-index value, determined via page formatting.

  • Manual allows you to define z-index values for the shadow and tooltip. Ensure the tooltip has at least an increment of 1 over the shadow for correct display.

Last updated

Was this helpful?