RadAjaxLoadingPanel does work after the first click

[H.]

I have 5 tabs and each one load a web user control. I used RadTabStrip and RadMultiPage controls. my problem is that RadAjaxLoadingPanel  only works in the first click but when I click for second time in any tab, this does not work. How can I show the loading image each time the user clicks a tab and needs to wait for being loading the user control?

<%

--<telerik:RadScriptManager ID="ScriptManager1" runat="server" />--%>

 

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="rtsBooks">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

 

 

 

<telerik:AjaxUpdatedControl ControlID="rtsBooks" LoadingPanelID="ralpnlProgress"/>

 

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="rmpTreeviews">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

 

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManager>

 

 

<

 

telerik:RadAjaxLoadingPanel ID="ralpnlProgress" runat="server" Transparency="20">

 

 

<img alt="Loading..." src="/_layouts/NIAMS.UCTreeview/Images/loading.gif"/>

 

 

</

 

telerik:RadAjaxLoadingPanel>

 

 

<%

--OnTabClick="RadTabStrip1_TabClick" --%>

 

 

 

 

 

<telerik:RadTabStrip ID="rtsBooks" runat="server" Skin="" OnTabClick="rtsBooks_TabClick"

 

 

 

MultiPageID="rmpTreeviews" Width="100%" Height="25" >

 

 

 

<Tabs>

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/HomeButton.png">

 

 

</telerik:RadTab>

 

 

 

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/WhiteButton.png">

 

 

</telerik:RadTab>

 

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/RedButton.png">

 

 

</telerik:RadTab>

 

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/BlueButton.png">

 

 

</telerik:RadTab>

 

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/YellowButton.png">

 

 

</telerik:RadTab>

 

 

 

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/GreenButton.png">

 

 

</telerik:RadTab>

 

 

</Tabs>

 

 

</

 

telerik:RadTabStrip>

 

 

<

 

div id="rightMenu" style="text-align: right; width: 950px;">

 

 

<div><asp:HyperLink ID="lnkPrint" Width="900" runat="server" NavigateUrl="~/projects/bb/WebPartPage/FullTableOfContentsBB.aspx" Target="_blank">Preview Full E-Briefing Book Table of Contents</asp:HyperLink></div>

 

 

</

 

div>

 

 

<telerik:RadMultiPage ID="rmpTreeviews" runat="server" SelectedIndex="0" CssClass="multiPage" RenderSelectedPageOnly="True">

 

 

<telerik:RadPageView ID="rdvHome" runat="server" width="980px">

 

 

<div class="HomeBoxHeader"></div>

 

 

<div style="padding-left:20px;">

 

 

<uc2:UCHome ID="UCHome1" runat="server" />

 

 

</div>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="rpvWhite" runat="server" width="998px">

 

 

<div class="WhiteBoxHeader"></div>

 

 

<asp:PlaceHolder ID="phWhite" runat="server"></asp:PlaceHolder>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="rpvRed" runat="server" width="998px">

 

 

<div class="RedBoxHeader"></div>

 

 

<asp:PlaceHolder ID="phRed" runat="server"></asp:PlaceHolder>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="rpvBlue" runat="server" width="998px">

 

 

<div class="BlueBoxHeader"></div>

 

 

<asp:PlaceHolder ID="phBlue" runat="server"></asp:PlaceHolder>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="rpvYellow" runat="server" width="998px">

 

 

<div class="YellowBoxHeader"></div>

 

 

<asp:PlaceHolder ID="phYellow" runat="server"></asp:PlaceHolder>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="rpvGreen" runat="server" width="998px">

 

 

<div class="GreenBoxHeader"></div>

 

 

<asp:PlaceHolder ID="phGreen" runat="server"></asp:PlaceHolder>

 

 

</telerik:RadPageView>

 

 

</telerik:RadMultiPage>

 

 

 

 

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />

 

[Maria Ilieva]

Hello H.,

Could you please let me know if you have RadScriptManager on the very top of the page before the RadAjaxManager control? Also please try to wrap the RadTabStrip and RadMultiPage controls into one RadAjaxPanel and set the LoadingPanel to this AjaxPanel and let me know if this works for you.


Kind regards,
Maria Ilieva
the Telerik team