Reportviewer control loading indicator in ASP.NET

asp.net, css, javascript, reporting-services, reportviewer

Solution

You can always modify it with CSS.

If you investigate the HTML which is rendered from the ReportViewer control, there should be a `<div>` called `[ID_of_control]_AsyncWait_Wait`

On mine, I have the css;

<style>
    /* this will remove the spinner */
    div#ReportViewer1_AsyncWait_Wait img{ display: none; } 
    /* this allows you to modify the td that contains the spinner */
    div#ReportViewer1_AsyncWait_Wait table tbody tr td:first-child{ background: red; width: 100px; height: 100px; } 
</style>

All you need to do is set the `background-image` on `div#ReportViewer1_AsyncWait_Wait table tbody tr td:first-child` in order to have your own custom image.

Problem

I was just skinning my site with new theme, is it possible to change the loading image (which has green color) of the ReportViewer control? I tried some solutions suggested but its not working, can anyone guide me on this?

Original source