Radtooltipmanager fires postback in DNN

[Chris]

Do you have any idea why when I put a RadToolTipManager inside DNN and set it with ShowEvent="Onclick", on user clicks, it fires a post back to the page and lost the tooltip?  Please help.

Here is my code

<script runat="server">

    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);

        this.RadToolTipManager1.TargetControls.Add(hylnkProd.ClientID, true);
    }


    protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
    {
        e.UpdatePanel.ContentTemplateContainer.Controls.Add(pnlUpdate);
        pnlUpdate.Visible = true;
    }
</script>


    <asp:ScriptManager id="ScriptManager" runat="server"/>
        <telerik:radtooltipmanager id="RadToolTipManager1"
                runat="server"
                Position="BottomRight"
                ShowEvent="OnClick"
                ManualClose="true"
                Sticky="true"
                width="500px"
                height="100px"
                Skin="Web20"
                OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
        </telerik:radtooltipmanager>
        <TABLE id="tblProd" cellSpacing="1" cellPadding="1" border="0" runat="server" width="700">
            <TR>
                <TD class="Normal">
                    <HR width="100%" SIZE="1">
                </TD>
            </TR>
            <tr>
                <td class="Normal" style="width: 161px">
                    <asp:hyperlink id="hylnkProd" runat="server" navigateurl="#" style="text-decoration:none;" Text="Test"></asp:hyperlink>
                </td>
            </tr>
        </TABLE>
        <asp:Panel ID="pnlUpdate" runat="server" Visible="false">
            <table cellpadding="0" cellspacing="10" border="0" class="Normal">
                <tr>
                    <td colspan="2">
                        <asp:Label ID="lblProductTitle" runat="server" Text="This is a test"></asp:Label>
                    </td>
                </tr>
            </table>
        </asp:Panel>

[Lini]

Hi Chris,

I was not able to reproduce the problem on a local DNN installation. I suggest that you try the latest Prometheus build (released yesterday). I tried the code you sent in a simple module on a DNN 4.5.3 installation. I had to remove the ScriptManager definition, since DNN 4.5 had already included it on the page.

If you continue to experience problems with the 2007.01.626 Prometheus build, please send us more information about your problem - DNN version, sample module PA, etc.

Best wishes,
Lini
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris]

I just downloaded the new release from your site version 2007.1.626.0.  However, it still posting back the page.  Let me list in details what's happening.  It first shows the tooltip with progress icon showing inside the tooltip.  Few seconds later, it starts to posting back before showing the actual content of the tooltip.  The following is the information regarding my environment

DNN Version: 4.3.7

<%@ Control Language="C#" ClassName="TestInformation" Inherits="DotNetNuke.Entities.Modules.PortalModuleBase" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="rada" Namespace="Telerik.WebControls" Assembly="RadAjax.NET2" %>

<%@ Import Namespace="System" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Configuration" %>
<%@ Import Namespace="System.Collections" %>
<%@ Import Namespace="System.Web" %>
<%@ Import Namespace="System.Web.Security" %>
<%@ Import Namespace="System.Web.UI" %>
<%@ Import Namespace="System.Web.UI.WebControls" %>
<%@ Import Namespace="System.Web.UI.WebControls.WebParts" %>
<%@ Import Namespace="System.Web.UI.HtmlControls" %>
<%@ Import Namespace="System.Reflection" %>

<script runat="server">

    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);

        this.RadToolTipManager1.TargetControls.Add(hylnkProd.ClientID, true);
    }


    protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
    {
        e.UpdatePanel.ContentTemplateContainer.Controls.Add(pnlUpdate);
        pnlUpdate.Visible = true;
    }
</script>


    <asp:ScriptManager id="ScriptManager" runat="server"/>
        <telerik:radtooltipmanager id="RadToolTipManager1"
                runat="server"
                Position="BottomRight"
                ShowEvent="OnClick"
                ManualClose="true"
                Sticky="true"
                width="500px"
                height="100px"
                Skin="Web20"
                OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">
        </telerik:radtooltipmanager>
        <TABLE id="tblProd" cellSpacing="1" cellPadding="1" border="0" runat="server" width="700">
            <TR>
                <TD class="Normal">
                    <HR width="100%" SIZE="1">
                </TD>
            </TR>
            <tr>
                <td class="Normal" style="width: 161px">
                    <asp:hyperlink id="hylnkProd" runat="server" navigateurl="#" style="text-decoration:none;" Text="Test"></asp:hyperlink>
                </td>
            </tr>
        </TABLE>
        <asp:Panel ID="pnlUpdate" runat="server" Visible="false">
            <table cellpadding="0" cellspacing="10" border="0" class="Normal">
                <tr>
                    <td colspan="2">
                        <asp:Label ID="lblProductTitle" runat="server" Text="This is a test"></asp:Label>
                    </td>
                </tr>
            </table>
        </asp:Panel>

I hope you can let me know any fix I could make.  Apparently, when I just use tooltip alone, it gives me no error nor posting back the page.  It works fine with it.  Just that once I use Tooltip manager.  It starts the weird behavior.  Thanks for any response.  If there is ny further information needed, please let me know.

[Lini]

Hi Chris,

We will test the scenario in DNN 4.3.7. However, the problem might be related to DNN itself, since 4.37 was released before the ASP.NET Ajax extensions. If possible, try updating to the latest DNN version.

Kind regards,
Lini
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris]

I would appreciate for any update from you.  It's quite hard for us to do a DNN upgrade in our environment.  It requires quite a bit effort to do that.  Therefore, it's not something we can do in a short run.  Once again, appreciate for any fix or help.

[Lini]

Hello Chris,

We have tested DNN 4.3.7 and the tooltip worked fine - no postback. However, since this version is not compatible with ASP.NET Ajax out of the box, we had to make some changes to the web.config file. I am attaching the updated Web.config file from our DNN 4.3.7 application.

I think that the most important change we made is removing the 

<xhtmlConformance mode="Legacy"/>

line from the Web.config, since it breaks the MS Ajax scripts.

Regards,
Lini
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris]

I looked over your web.config
I have made some changes to my web.config as well.  Still no luck.  It's really killing me.  I guess I need to do a work around to not use tooltipmanager but repeater with actually tooltip(since tooltip doesn't fire postback).  thx!

[Lini]

Hi,

I am afraid we have run out of possible ways to help you from here. As I said, DNN 4.3.7 is not completely compatible with the Ajax extensions so upgrading to a more recent build might be your best chance. From what I know, most DNN upgrades are relatively painless, unless you have made modifications to the core.

All the best,
Lini
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris]

I figure what's the problem.

In my page, I have included the following code

                            <radU:RadProgressManager ID="uploadManager" runat="server" />
                            <radU:RadUpload ID="uploadLogo" runat="server" AllowedFileExtensions="gif,jpg,bmp" AllowedMimeTypes="image/gif,image/jpeg,image/bmp" InitialFileInputsCount="1" MaxFileInputsCount="1" MaxFileSize="2500" ControlObjectsVisibility="None" Skin="Web20" />
                            <radU:RadProgressArea ID="uploadProgressArea" runat="server" CssClass="Normal" ProgressIndicators="TotalProgressBar, TotalProgress, RequestSize, CurrentFileName, TimeElapsed, TimeEstimated, TransferSpeed">
                            </radU:RadProgressArea>

RadProgressManager conflicts with the RadTooltipManager.
As long as I removed the RadProgressManager.  It works fine.  Please test it on your end to see if it happens to you.  Thx!

[Tervel]

Hello Chris,

Thank you for the additional information, however we were still unable to reproduce the issue on our side - we tested both in DNN and using a regular (non-DNN) page with RadToolTip and RadUpload and all appeared to work fine.

Is it possible to send us a URL (and credentials if necessary) where we can obsverve the problematic behavior?
If this is possible, please open a support ticket and send us the information.


Sincerely yours,
Tervel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center