ToolTip CloseButton position

[DW Web Team Member]

Hi,

I have implemented a RAD tooltip manager to a label inside a grid with the HideEvent="ManualClose". The original width of tooltip is 30px (Width="30px") and is reset dynamically to fit actual information inside. However, the close button is still on it's original position. Is there any way to set up the Close button to be always on the top left corner of the tooltip?

Thank you

[DW Web Team Member]

Today I tried different approach and still have a problem with the Close button. I changed the HideEvent from "Default" to "ManualClose " on OnClientBeforeShow event:

 

        function OnClientBeforeShow(sender, args) {

 

 

            var current = Telerik.Web.UI.RadToolTip.getCurrent();

 

 

            if (current) {

 

                current.set_hideEvent(Telerik.Web.UI.ToolTipHideEvent.ManualClose);

 

            }

 

        }

After that, the tooltip stayed open but there were no Close button at all. Do I need to do something special in order the Close button to be visible?

Thanks again

[Svetlina Anati]

Hi DW,

The RadToolTip provides a method whcih returns the manual close button and you can use it to modify its position. I prepared for you the following sample code:

<script type="text/javascript">
    function OnClientShow(sender, args)
    {
        var btn = sender.getManualCloseButton();
        btn.style.left = "0px";
    }
</script>
<asp:HyperLink ID="target" runat="server" Text="Target control"></asp:HyperLink>
<telerik:RadToolTip ID="tip" runat="server" RelativeTo="Element" TargetControlID="target"
    Width="200px" Height="200px" HideEvent="ManualClose" OnClientShow="OnClientShow">
    The product was successfully added to the cart!
</telerik:RadToolTip>

Please, test my solution and let me know how it goes.

Sincerely yours,
Svetlina
the Telerik team

[DW Web Team Member]

Hello Svetlina,

The solution works!
Thank you very much!