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>