Loading panel doesnt disappear on Radtab strip

[Meera]

I have a masterpage in which I am loading a page.Masterpage contains RadScriptManager.
In the page,I have a listbox and and radtabstrip, whcih again has grid on 1 page and a label on another page.
When I click on listbox, I want to apply loadingpanel on radtabstrip.

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

            <asp:Panel runat="server" ID="pnlMain" ScrollBars="Horizontal">

                <telerik:radlistbox id="lstTables" runat="server" selectionmode="Single" onselectedindexchanged="lstTables_OnSelectedIndexChanged"

                    autopostback="true">

                            </telerik:radlistbox>

                <asp:Panel ID="Panel1" runat="server" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"

                    >

                    <telerik:radajaxpanel id="RadAjaxPanel1" runat="server" loadingpanelid="RadAjaxLoadingPanel1">

                            <Telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="MultiplePages"

                                AutoPostBack="true" SelectedIndex="0">

                                <Tabs>

                                    <Telerik:RadTab PageViewID="pgEmployee" Text="Employee">

                                    </Telerik:RadTab>

                                    <Telerik:RadTab PageViewID="pgHomeAddress" Text="HomeAddress">

                                    </Telerik:RadTab>

                                     

                                </Tabs>

                            </Telerik:RadTabStrip>

  

                            <Telerik:RadMultiPage ID="MultiplePages" runat="server" AutoPostBack="true" RenderSelectedPageOnly="false" SelectedIndex="0">

                              <Telerik:RadPageView ID="pgEmployee" runat="server">

                                    <Telerik:RadGrid runat="server" ID="grdEmployee" EnableAJAX="True" EnableNoRecordsTemplate="True"

                                        GroupingEnabled="false" GridLines="Both" AllowSorting="True" ShowStatusBar="true">

                                        <ClientSettings Scrolling-AllowScroll="true">

                                        </ClientSettings>

                                        <ItemStyle Wrap="false" />

                                    </Telerik:RadGrid>

                                </Telerik:RadPageView>

                                 <Telerik:RadPageView ID="pgHomeAddress" runat="server">

                                    <asp:Label ID="lblAddress" runat="server" Font-Size="Medium"></asp:Label>

                                </Telerik:RadPageView>

                                

                            </Telerik:RadMultiPage>

                            </telerik:radajaxpanel>

                </asp:Panel>

            </asp:Panel>

            <telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" runat="server" initialdelaytime="0"></telerik:radajaxloadingpanel>

            <telerik:radajaxmanagerproxy id="AjaxManagerProxy2" runat="server">

          

         <AjaxSettings>

         <telerik:AjaxSetting AjaxControlID="grdEmployee">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="grdEmployee" />

            </UpdatedControls>

        </telerik:AjaxSetting>

          <telerik:AjaxSetting AjaxControlID="lstTables">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

                <telerik:AjaxUpdatedControl ControlID="MultiplePages" LoadingPanelID="RadAjaxLoadingPanel1" />

            </UpdatedControls>

        </telerik:AjaxSetting>

  

          

          

    </AjaxSettings>

  

    </telerik:radajaxmanagerproxy>

        </ContentTemplate>

    </asp:UpdatePanel>

</asp:Content>

So the problems are
1> For the first time when I click on list item, it doesnt show loading panel.
2>When I click on second tab in strip it shows the loading panel, which doesnt disappear.
3>Still if I change the tab, page hangs, showing 3 loading panels.

I referred following links

http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/firstlook/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/usercontrol/defaultcs.aspx

Any idea why it is happening?

[Eyup]

Hi,

Using multiple wrapped RadAjax panels, along with UpdatePanel or with RadAjaxManager (as well as using RadAjaxPanel in RadAjaxManager settings) is not a supported scenario and we highly recommend to avoid such implementation. 
This is actually the cause of the problem in your case.To solve it you have to remove the update panel and the ajax manager and use single RadAjaxPanel to wrap the whole page content, which is completely enough to achieve your desired scenario.
I have attached the modified version of your sample code. You can change it according to your preferences. Note that I have added MinDisplayTime="1000" to the loading panel for the example.
For more information how to ajaxify RadMultiPage and RadTabStrip controls you can refer to this article.
I hope this helps.

Greetings,
Eyup
the Telerik team