Change Loading Animation

[Jon]

Hi,

I'm still on the legacy report viewer and would like to change the loading animation.  I want to use a div based css approach that I am already using on the rest of my site with ajax panels.  

I have tried to replace the existing content of the wait control with some different html and while that works in code the page itself still shows the original animation with the generating report text.

var waitControl = document.getElementById('uxReportViewer_ReportArea_WaitControl');
waitControl.innerHTML = '<table style=\"width: 100%; height: 100%;\"><tbody><tr><td style=\"text-align: center; vertical-align: middle;\"><div class=\"loading-outer\"><div class=\"clear-loading-effect loading-animation-1\"><span></span><span></span><span></span></div></div></td></tr></tbody></table>';

Any suggestions?

Regards

Jon

 

[Stef]

Hello Jon,

Please check the Applying custom skin to the web report viewer code library. It illustrates how the resources of the old ASP.NET WebForms ReportViewer can be updated with custom ones. This includes the Loading.gif image.


I hope this information is helpful.

Regards,
Stef
Telerik

[Jon]

Hi Stef,

Thanks but I'd originally used that to create my toolbar.  What I am after here is a way to get the loading text and animation replaced with my own structure.  

Any help on that much appreciated

Regards

Jon

[Jon]

Hi Stef,

Not to worry I have solved it using the code I had previously posted.  Not sure why it failed before but it's now working perfectly.

Regards

Jon