Reportviewer control loading indicator in ASP.NET

Question

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?

Answer 1

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.