Hide Flow Tooltip when Selected Element is Out of View

Prev Next

Enabling Flow Tooltip Visibility Check for iFrame ensures that any Flow tooltip associated with a specific element disappears automatically when that element is no longer visible on the end user's screen.

Note:

This configuration is applicable only when the selected element is within an iFrame.

What is an iFrame?

An iFrame, or Inline Frame, is an HTML element that enables embedding another HTML document within the current one. This creates a nested browsing context, loading content independently of the main page.


Consider you have a Flow that directs you to click a button located within an iframe. As long as this button is visible, a tooltip appears next to it, providing necessary information. However, if you scroll the iframe content or perform an action that hides the button (such as opening a dropdown or navigating within the iframe), the button may no longer be visible on the screen.

Without the Flow Tooltip Visibility Check for iFrames configuration enabled, the tooltip might remain visible even after the button is hidden, detaching it from its context and potentially confusing users.

Use the following steps to hide Flow tooltip when selected element is out of view:

  1. On the Whatfix Guidance dashboard, click Settings.
    ia_left_nav_settings

  2. Click Advanced customisation.
    ia_settings_advanced%20configuration

  3. Click Technical configuration.
    ac_tech config.png

  4. Click Add preferences.
    tech config_add prefrences.png

  1. Click Flow.

tech config_flow

  1. Select the Flow Tooltip Visibility Check for iFrames checkbox.

  1. Click Add.

tech config_add button.png

  1. In the Flow Tooltip Visibility Check for iFrames field, enter the desired value.

  1. Click Save.

tech config_save.png