[Solved] RadAjax Loading Panel not dissapearing

[Derek]

I've been struggling a bit with the RadAjaxManager.  I have it working okay and updating Panel2 from clicking on a RadTreeView Node on Panel1 but the Loading graphic will not dissapear even after panel2 is loaded.  Any ideas?

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Pages.aspx.vb" Inherits="Pages" title="Untitled Page" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    &nbsp;
<script type="text/javascript">
                    //<![CDATA[
                        function confirmCallBackFn(arg)
                        {
                            alert("Confirm returned the following result: " + arg);
                             eventArgs.set_cancel(true);
                        }

                        function promptCallBackFn(arg)
                        {
                            alert ("Prompt returned the following result: " + arg);
                        }
                        function onClientContextMenuItemClicked(sender, args)
                         {
                         if (!confirm("Are you sure you want to delete this item?")) {
                            args.set_cancel(true);
                         }

                           // radconfirm('Are you sure?', confirmCallBackFn);
                            //args.set_cancel(true);
                             //var node = eventArgs.get_node();
                            //var item = eventArgs.get_menuItem();

                            // if ((item.get_text() == "Network Search") && (node.get_text() == "Printers"))
                            //  {
                             //     eventArgs.set_cancel(true);
                              //}

                         }

                        //]]>
                        </script>

<table cellpadding="10" cellspacing="0" border="0">
<tr><td valign="top">
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="panel2" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <asp:Panel ID="panel1" runat=server>

    <telerik:RadTreeView ID="RadTreeView1" runat="server" Skin="Hay" AllowNodeEditing="True" EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True" MultipleSelect="false" OnNodeDrop="RadTreeView1_HandleDrop" OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick" BorderStyle="Dotted" BorderWidth="1" OnClientContextMenuItemClicking="onClientContextMenuItemClicked">
        <CollapseAnimation Duration="100" Type="OutQuint" />
        <ExpandAnimation Duration="100" />
        <ContextMenus>
                                <telerik:RadTreeViewContextMenu Skin="Hay" ID="MainContextMenu" runat="server" >
                                    <Items>
                                        <telerik:RadMenuItem Value="NewMenuItem" Text="New Menu Item" ImageUrl="~/images/AddRecord.gif"></telerik:RadMenuItem>
                                        <telerik:RadMenuItem Value="DeleteMenuItem" Text="Delete Menu Item" ImageUrl="~/images/Delete.gif"></telerik:RadMenuItem>
                                    </Items>
                                </telerik:RadTreeViewContextMenu>
                            </ContextMenus>

    </telerik:RadTreeView>
 </asp:Panel>
 </td><td>
    <asp:Panel ID="panel2" runat=server>

        <asp:Label ID="mylabel" text="no value" runat=server></asp:Label>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
            Width="75px">
            <img alt="Loading..." src="images/loading6.gif" style="border-right: 0px; border-top: 0px;
                border-left: 0px; border-bottom: 0px" />
        </telerik:RadAjaxLoadingPanel>
        &nbsp;
        <telerik:RadTabStrip ID="RadTabStrip2" runat="server" MultiPageID="RadMultiPage1" Skin="Hay" SelectedIndex="0">
            <Tabs>
                <telerik:RadTab runat="server" Text="Page Editor" Selected="True">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Menu Properties">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
            &nbsp;<telerik:RadPageView ID="RadPageView1" runat="server" Width="300">
                <telerik:RadEditor ID="RadEditor1" runat="server" Skin="Hay">
                    <Content>
</Content>
                </telerik:RadEditor>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server" Width="300">
                <table width="680" border="0">
                <tr><td>&nbsp;</td></tr>
                </table>
                <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20" />
                <asp:Label ID="Label2" runat="server" Text="Visible:"></asp:Label><asp:RadioButton ID="RadioButton3" runat="server" Text="Yes" GroupName="visible" Checked="true" /><asp:RadioButton ID="RadioButton4" runat="server" Text="No" GroupName="newwindow" />
                <table cellpadding="5" cellspacing="0" border="0" class="dottedBorder">
                    <tr>
                        <td colspan="2" align=center><strong>Linking Options</strong></td>
                    </tr>
                    <tr>
                        <td>
                            <asp:RadioButton ID="linktype1" runat="server" Text="No Link" GroupName="linktype" />
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                     <tr>
                        <td>
                            <asp:RadioButton ID="linktype2" runat="server" Text="Page Link" GroupName="linktype" />
                        </td>
                        <td>
                            <telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Hay">
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:RadioButton ID="linktype3" runat="server" Text="Page Link" GroupName="linktype" />
                        </td>
                        <td>
                            <telerik:RadComboBox ID="RadComboBox2" runat="server" Skin="Hay">
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:RadioButton ID="linktype4" runat="server" Text="External Link" GroupName="linktype" />
                        </td>
                        <td>
                            <telerik:RadTextBox ID="RadTextBox1" runat="server" Text="http://" Skin="Hay">
                            </telerik:RadTextBox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <asp:Label ID="Label1" runat="server" Text="Open in new window:"></asp:Label><asp:RadioButton ID="RadioButton1" runat="server" Text="Yes" GroupName="newwindow" /><asp:RadioButton ID="RadioButton2" runat="server" Text="No" GroupName="newwindow" Checked=true />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align=center><asp:Button ID="Button1" runat="server" Text="Submit" /></td>
                    </tr>
                </table>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
        &nbsp;&nbsp;
   </asp:Panel>
  </td></tr></table>
    &nbsp;


</asp:Content>

[Steve]

Hello Derek,

Please move the LoadingPanel control outside of updated area. It uses a cloning mechanism that gets broken when updated with ajax. You can move its declaration just after the AjaxManager's declaration.

Sincerely yours,
Steve
the Telerik team

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

[Derek]

Thank you thank you thank you!  Works like a charm.