# Positioning

To precisely position the tooltip, use the following **RadToolTip** and **RadToolTipManager** properties:

* **Position:** defines the relative location where the ToolTip will appear and can be one of the following values: BottomCenter, BottomLeft, BottomRight, Center, MiddleLeft, MiddleRight, TopCenter, TopLeft, TopRight. Notice in the screenshot below that the [callout](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/getting-started/radtooltip-structure) points in relation to the tooltip position.

  ![](https://www.telerik.com/products/aspnet-ajax/documentation/assets/9d30ae719920b5319898eec6b5f304fa/tooltip-positiontooltip.png)

* **RelativeTo**: defines which element the ToolTip will appear in relation to. The possible values are **Mouse** (the default), **Element** and **BrowserWindow**.

* **OffsetX, OffsetY:** sets the X and Y offsets from the **Position** property of the ToolTip. These properties can be used for a more precise positioning of the ToolTip. The default values are zero.

## Example

The wide range of properties used to configure where the ToolTip will appear on the page, lead to a wide range of possible configurations. The following example demonstrates one possible configuration of RadToolTip and the identical settings with RadToolTipManager:

```ASP.NET
<telerik:RadToolTip RenderMode="Lightweight" ID="RadToolTip1" runat="server" TargetControlID="Label1" ShowCallout="false"
    RelativeTo="Element" Position="BottomRight" OffsetY="-10" OffsetX="-10" Text="This is a RadToolTip">
</telerik:RadToolTip>
<asp:Label ID="Label1" runat="server" Text="Label 1"></asp:Label>
<telerik:RadToolTipManager
    ID="RadToolTipManager1" runat="server" ShowCallout="false" RelativeTo="Element"
    Position="BottomRight" OffsetY="-10" OffsetX="-10" Text="This is a RadToolTip">
    <TargetControls>
        <telerik:ToolTipTargetControl TargetControlID="Label2" />
    </TargetControls>
</telerik:RadToolTipManager>
<asp:Label ID="Label2" runat="server" Text="Label 2"></asp:Label>
```

The resulting display of the ASP.NET above:

![Horizontal Splitter](https://www.telerik.com/products/aspnet-ajax/documentation/assets/92d0f09d49b97cab1550bd552030defd/tooltippositioning.gif)

![Horizontal Splitter](https://www.telerik.com/products/aspnet-ajax/documentation/assets/6c079d3387cf4d7bddb9af46047613ed/tooltipmanagerpositioning.gif)

## See Also

* [Important Settings](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/getting-started/important-settings)

* [RadToolTip Structure](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/getting-started/radtooltip-structure)