---
title: "Change the Tooltip position"
slug: "changing-the-tooltip-position-1"
updated: 2026-08-13T14:45:43Z
published: 2026-08-13T14:45:43Z
canonical: "support.whatfix.com/changing-the-tooltip-position-1"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Change the Tooltip position

Each tooltip must be appropriately placed so that it doesn't obstruct the end user's view of other important information on your desktop application. In most cases, the tip is auto-positioned by Whatfix in the best position. However, you can alter it using the position selector, if needed.

The position of the Tooltip can be changed in two ways.

Expand the following accordions for more details:

**While creating a Flow**

1. Open the desktop application where you would like to create the Flow and then launch the Whatfix Desktop Studio. ![desktop_studio.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/desktop_studio.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
2. Click **Flow**. ![Studio_Click_Flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Flow%281%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
3. Enter the name of the Flow as you want it displayed to the users. ![Studio_Enter_Flow_Name](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Enter_Flow_Name.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
4. Click **+ Add Step**. ![Studio_Click_Add_Step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Add_Step.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
5. Under **Choose step type**, select the Flow step type. ![Switch over to the Flow step types from the dialog box that appears](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flow_Step%20Types_Switch.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)

> [!WARNING]
> Note:
> 
> - With the Flow enhancement feature, you have the option to select two types of Flow steps, and not just element latching Flows. A dialog box appears on the application to highlight the two types of Flows. Under **Choose step type**, select a Flow step based on your requirements: either **Attached to element** or **Free-floating**.
> 
> ![Studio switcher enables you to switch between 2 flow types: element-attached flow types and free-floating flow types](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Switcher_Flow_Types.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
> 
> | Attached to element | Free-floating |
> | --- | --- |
> | When you select this type of Flow step, it remains attached to an element on your application. | When you select this type of Flow step, it remains flexibly positioned devoid of any element attachment. |
> 
> - You also have the option to select a default template by clicking **Set as Default** for all the subsequent steps in a Flow. If you change the default step at an enterprise (ENT) level, it appears the same for all the users using that ENT.
> - For more information, see [Free-floating steps in Flows](/desktop/docs/clone-free-floating-steps-in-flows) and [Create a Flow with Free-floating steps](/desktop/docs/create-free-floating-flows).
> - The Flow enhancement feature is in Beta currently. Contact [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20Free-floating%20Flow%20step%20&body=Hi%0A%0AI%20would%20like%20to%20explore%20the%20new%20Free-floating%20Flow%20step%20type.%20Kindly%20enable%20it%20on%20my%20ENT%0A%0AThanks) for more information.

1. Click the desired element on the page that the user needs to select.
2. Enter the action text and any additional information that you want to provide in the description section of the tooltip. ![tool_tip_480](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tool_tip_480.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
3. Under **Configurations**, expand **Position** and select the desired position of the tooltip. ![Choose_Position_Flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Position_Flow.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)

> [!WARNING]
> Note:
> 
> Some positions may not be available based on the element location on the page. This way Whatfix recommends the best position for a tooltip.

1. Click **Save Step** to finish creating the step, and then continue creating the Flow. ![Editor_flows_save_step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flows_save_step.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)

**After creating a Flow**

1. On the Whatfix Guidance dashboard, click **Content**. ![ia_left_nav_content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_content.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
3. Hover your cursor over the Flow you want to update, and then click the **Edit** icon. ![Desktop_Click_edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Desktop_Click_edit.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
4. Go to the required step, and then click anywhere on the step card to edit it. ![db_edit_flow_card](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/db_edit_flow_card.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)

1. Scroll down to the **Position the Tooltip** section. ![Choose_Position_Flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Position_Flow.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)
2. Change the position of the Tooltip as needed.
3. Click **Save Step**. ![Flows_click_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Flows_click_save.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A27%3A34Z&se=2026-11-12T09%3A27%3A34Z&sr=c&sp=r&sig=egqYttIwlOdwXn26rnfAOy6DOJ%2F2SGzy2ITmpm3tHMI%3D)