I have been trying to work out why my tooltips don't appear. In fact, the AJAX call is never even being made.
I created a sample program with a RadScriptManager, a RadAjaxManager, a RadToolTipManager and two buttons. I added the buttons to the TargetControls collection and setup the RadAjaxManager to update the UpdatePanel in the ToolTipManager.
When I tested, everything worked as expected.
Then I added the RadFormDecorator to make the buttons look good. Suddenly the tooltips are not working.
I am using 2009 Q1 SP1 on Windows XP SP3 using Visual Web Developer Express.
Can you please confirm that this is a bug or provide me with a solution.
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
| <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> |
| <telerik:RadAjaxManager runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadToolTipManager1RTMPanel"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1RTMPanel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RenderInPageRoot="true" |
| onajaxupdate="RadToolTipManager1_AjaxUpdate"> |
| <TargetControls> |
| <telerik:ToolTipTargetControl IsClientID="False" TargetControlID="Button1" Value="1" /> |
| <telerik:ToolTipTargetControl IsClientID="True" TargetControlID="Button2" Value="2" /> |
| </TargetControls> |
| </telerik:RadToolTipManager> |
| <telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" /> |
| <asp:Button ID="Button1" runat="server" Text="Button" /> |
| <asp:Button ID="Button2" runat="server" Text="Button" /> |
| </form> |
| </body> |
| </html> |
| using System.Web.UI; |
| public partial class _Default : System.Web.UI.Page |
| { |
| protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e) |
| { |
| e.UpdatePanel.ContentTemplateContainer.Controls.Add(new LiteralControl("Test")); |
| } |
| } |
1 Answer, 1 is accepted
0
Hello Stephen,
I examined your code and I noticed that you have declared the RadFormDecorator before the RadToolTipManager - that is why the manager gets initialized before the decorator and thus it tooltipifies the controls before they get decorated. In order to get teh desired result, you should move the RadFormDecorator declaration before the RadToolTipManager as shown below:
You can find this important note about integration between RadFormDecorator and RadToolTip in the description of the demo below:
http://demos.telerik.com/aspnet-ajax/formdecorator/examples/formdecoratorandradcontrols/defaultcs.aspx
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I examined your code and I noticed that you have declared the RadFormDecorator before the RadToolTipManager - that is why the manager gets initialized before the decorator and thus it tooltipifies the controls before they get decorated. In order to get teh desired result, you should move the RadFormDecorator declaration before the RadToolTipManager as shown below:
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> |
| <telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" /> |
| <telerik:RadAjaxManager runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadToolTipManager1RTMPanel"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1RTMPanel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RenderInPageRoot="true" |
| onajaxupdate="RadToolTipManager1_AjaxUpdate"> |
| <TargetControls> |
| <telerik:ToolTipTargetControl IsClientID="False" TargetControlID="Button1" Value="1" /> |
| <telerik:ToolTipTargetControl IsClientID="True" TargetControlID="Button2" Value="2" /> |
| </TargetControls> |
| </telerik:RadToolTipManager> |
| <asp:Button ID="Button1" runat="server" Text="Button" /> |
| <asp:Button ID="Button2" runat="server" Text="Button" /> |
| </form> |
You can find this important note about integration between RadFormDecorator and RadToolTip in the description of the demo below:
http://demos.telerik.com/aspnet-ajax/formdecorator/examples/formdecoratorandradcontrols/defaultcs.aspx
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.