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