RadToolTipManager show toolTip

2 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. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 10 Sep 2010 Link to this post

    Hi Diana,

    Find our answer to your questions in the other thread you have posted with the same subject.
    Additionally, to avoid duplicate posts, let's continue the discussion there.

    Kind regards,
    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
Back to Top