RadToolTipManager show toolTip

[Diana]

when onmouseover the Label control "lblProductTitle",RadToolTipManager has been refreshed and RadTookTipManager content did not come out, RadTookTipManager control has been flashing

It is the masterpage code front please see the blod part:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Panel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  Style="height: 100%;
        width: 100%;"  Skin="" Transparency="30">
        <div class="loading">
         <div style=" width:100%; height:50%;">
        </div>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading5.gif" AlternateText="loading" />
            <asp:Label runat="server" Text="<%$Resources:Languages,loading%>" style=" font-family:Calibri;" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    <fieldset style="width: 100%; height: 100%;">
        <asp:Panel ID="Panel" runat="server" style=" width:100%; height:100%;">
            <table style="height: 100%; width: 100%;" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 30px; vertical-align: bottom">
                        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                            <script type="text/javascript">
                                function showProductIntroduction() {
                                    var tooltipManager = $find("ctl00_RadToolTipManager1");
                                    if (tooltipManager) {
                                        var tooltip = tooltipManager.getToolTipByElement(document.getElementById("ctl00_lblProductTitle"));
                                        if (!tooltip) {
                                            tooltip = tooltipManager.createToolTip(document.getElementById("ctl00_lblProductTitle"));
                                            tooltip.show();
                                        }
                                    }
                                }
                            </script>
                        </telerik:RadCodeBlock>
                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                            <table width="100%" class="tableClass">
                                <tr>
                                    <td>
                                        <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetX="15" Skin="Telerik" Position="MiddleRight"
                                            Height="260px" Width="220px" AutoCloseDelay="999999" RelativeTo="Element" runat="server"
                                            OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
                                        </telerik:RadToolTipManager>
                                        <asp:Label runat="server" ID="lblProductTitle" onmouseover="showProductIntroduction()"
                                            Text="<%$Resources:Languages,projectTitle %>" Style="color: #005EAD; font-family: Calibri;
                                            font-size: 43px;" />
                                    </td>
                                </tr>
                            </table>
                        </telerik:RadAjaxPanel>
                    </td>

this is my code behind:
 protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)
        {
            ProductDetails detials = (ProductDetails)this.LoadControl("ProductDetails.ascx");
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(detials);
        }

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductDetails.ascx.cs"
    Inherits="TEXO.ProductDetails" %>
<table runat="server" id="ProductWrapper" class="inner" border="0" cellpadding="2"
    cellspacing="0">
    <tr>
        <td style="width: 200px; text-align: center;">
            <div class="title" style=" text-align:left;">
                <asp:Label ID="Label1" runat="server" Style="font-family: Calibri; font-size: 16px;"
                    Text="<%$Resources:Languages,productIntroduction %>" Width="210px"></asp:Label></div>
        </td>
    </tr>
</table>

[Diana]

Please help me.I don't know why and don't know how to solve it.

[Diana]

Please help me ,Thank you!

[Iana Tsolova]

Hello Diana,

Try moving the RadToolTipManager outside the RadAjaxPanel and the ajaxified Panel and see if the issue persists.


Best wishes,
Iana
the Telerik team

[Diana]

Ok,I try it.Thank you.