RadToolTipManager show toolTip

5 posts, 0 answers
  1. Diana
    Diana avatar
    20 posts
    Member since:
    Sep 2010

    Posted 09 Sep 2010 Link to this post

    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>
  2. Diana
    Diana avatar
    20 posts
    Member since:
    Sep 2010

    Posted 09 Sep 2010 Link to this post

    Please help me.I don't know why and don't know how to solve it.
  3. Diana
    Diana avatar
    20 posts
    Member since:
    Sep 2010

    Posted 10 Sep 2010 Link to this post

    Please help me ,Thank you!
  4. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 10 Sep 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Diana
    Diana avatar
    20 posts
    Member since:
    Sep 2010

    Posted 10 Sep 2010 Link to this post

    Ok,I try it.Thank you.
Back to Top