By design the progress indicator of the web report viewer is centered in the viewable area. However in some cases you might want to change its position (e.g. ReportViewer longer than a viewable page). To achieve that we would get the progress area through a few lines of javascript and change its position according to our needs:

<script type="text/javascript">     
            var viewer = <%=ReportViewer1.ClientID%>;    
            var waitDiv = document.getElementById("ReportViewer1_ReportArea_WaitControl");    
            var tcell = waitDiv.getElementsByTagName("TD")[0];    
            tcell.style.verticalAlign = "top";    
            tcell.style.textAlign = "left";    
</script>  

 

A sample project showing this functionality is available in this code library article. For those of you who would also like to change the viewer's skin and progress indicator itself, please review Applying custom skin to the web report viewer code library.

Hope this helps!


About the Author

Stefan Tsokev

Stefan’s main interests outside the .NET domain include rock music, playing the guitar and swimming.

Related Posts

Comments

Comments are disabled in preview mode.