set_enableAjax and Ajax loading panel

[Adam Lindsay]

I have a grid in a ajaxpanel that I need to export from.  I followed the advise of the following URL:

http://www.telerik.com/community/code-library/aspnet-ajax/general/export-radgrid-content-to-excel-word-csv-pdf-with-ajax-enabled.aspx

The ajaxpanel has a loadingpanel with a custom skin (to change the animated gif).  After the first export where set_enableAjax(false) is performed, the loading panel is still displayed for every ajax request but, the animated gif does not animate. (this occurs only after the export runs. 

Here is the code on my ajaxpanel request started event:

function

 

requestStarted(ajaxManager, eventArgs) {

 

 

if (eventArgs.get_eventTarget().indexOf("btnExcel") > -1 ||

 

eventArgs.get_eventTarget().indexOf(

"btnPDF") > -1)

 

eventArgs.set_enableAjax(

false);

 

}

Any thoughts on how I can get the animated gif to move again?

Thanks in advance,

- Adam

[Dimo]

Hello Adam,

We are familiar with this problem, but I am aftraid it is related to the browser behavior. Internet Explorer simply stops all animations on the page after a file has been sent for download by the client. This can be reproduced with no Telerik controls on the page.

I can only suggest you to use some appropriate non-animated loading image or no loading image at all.

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[James Daresta]

I found a way to make the animated gifs work after doing a an export. Its not the best solution, but it works. I just simply used a template image and over rode the background image of the style sheet in my custom style sheet. Note the style has to the be name of the skin you are using. Optionally you could use no skin for the panel and style like the skin. From what I have seen it appears to only happen if an animated gif is used as a background image.

ASPX Code

    <telerik:RadAjaxLoadingPanel ID="ralpMainLoadingPanel" runat="server">
        <table height="100%">
            <tr>
                <td valign="middle">
                    <asp:Image ID="imgMainLoadingPanel" runat="server" ImageUrl="~/images/loading.gif" />
                </td>
            </tr>
        </table>
    </telerik:RadAjaxLoadingPanel>

CSS Style

.RadAjax_Default div.raDiv
{
    background-image:none;
}