[Solved] Loading Panel only showing once

[Angie]

Hi.  I've got a RadGrid with multiple pages.  The loading panel shows the first time I perform an action (sorting, searching, changing page, etc), but does not show on subsequent page changes or searches.    Any suggestions would be appreciated.  Thanks!

<telerik:RadAjaxManager EnableAJAX="true" ID="RadAjaxManagerOnlineCE" runat="server">
    <AjaxSettings>
         <telerik:AjaxSetting AjaxControlID="RadGridCE">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridCE"  LoadingPanelID="RadAjaxLoadingPanelCESearch"   />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnSearchCECourses">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridCE" LoadingPanelID="RadAjaxLoadingPanelCESearch"   />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnViewAllCECourses">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridCE" LoadingPanelID="RadAjaxLoadingPanelCESearch"   />
                    <telerik:AjaxUpdatedControl ControlID="pSearch"   />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnSort">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridCE" LoadingPanelID="RadAjaxLoadingPanelCESearch"   />
                </UpdatedControls>
            </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>


<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelCESearch" runat="server" Height="75px" Width="75px" Transparency="50" InitialDelayTime="0" >
        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'  style="border: 0px;" />
 </telerik:RadAjaxLoadingPanel>

[Pavlina]

Hello Angie,

I am sending you a simple working project that is working as expected. Please give it a try and see if it works for you or if I am leaving something out.

I hope this helps.

Greetings,
Pavlina
the Telerik team

[Jayesh Goyani]

Hi Angie,

i also got the same issue in past and i solved this issue by adding RequestQueueSize="50" in Ajaxmanager.

 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" RequestQueueSize="50">

Thanks,
Jayesh Goyani

[Daniel Domer]

I was having this same issue. If this happens to you, check for any Javascript errors. I was getting a DOMException from one of Telerik's js files after the second page of data loaded. It does some magic handling of inline styles in the page. I had a temporary inline style with a media query:

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

After the first paging request (to fetch page 2) Telerik's Javascript was throwing a syntax error trying to handle this, on I believe an insertRule function in Javascript. Anyway it was some obfuscated JS. 

I had to move this media query to a separate .js file (not as a <style> in the page) and it now works.