Hi christopher willis,
In order to position the RadToolTip under the target element, like the popup of a dropdown, you have to set its Position to "BottomCenter", set its OffsetY to "0", and execute the following script in the OnClientShow event of the RadToolTip:
<body> |
|
<script type="text/javascript"> |
function OnClientShow(sender, args) |
{ |
var popupBehavior = sender._popupBehavior; |
popupBehavior.set_x(0); |
popupBehavior.show(); |
} |
</script> |
|
<form id="form1" runat="server"> |
<asp:ScriptManager ID="ScriptManager1" runat="server" /> |
<div id="myDiv" style="width: 100px; background-color: Red; border: solid 1px black;"> |
Test</div> |
<telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" TargetControlID="myDiv" |
Position="BottomCenter" IsClientID="true" ShowCallout="false" Width="200px" Height="300px" |
OffsetY="0" OnClientShow="OnClientShow"> |
</telerik:RadToolTip> |
</form> |
</body> |
Sincerely yours,
Tsvetie
the Telerik team