This is a migrated thread and some comments may be shown as answers.

[Solved] RadToolTipManager doesn't work with RadFormDecorator

1 Answer 134 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

Stephen asked on 13 May 2009, 03:49 AM

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

answered on 13 May 2009, 08:42 AM

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:

    
            <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.