I am currently facing an issue with my update panel that contains a grid view. Within the gridview, there are multiple links triggering a page load indicator using an update progress element. The problem arises when the data in the gridview is extensive and requires scrolling to reach the bottom. Clicking on a link from the lower section of the gridview prevents me from seeing the update progress indicator at the top of the page. I attempted to use the JavaScript scroll into view method to address this issue but have been unsuccessful. If anyone has suggestions for an alternative solution or ideas on how to resolve this problem, I would greatly appreciate it.
<div onload='dynamicScrollIntoView()'>
<asp:UpdateProgress ID="progress" runat="server" AssociatedUpdatePanelID="updMain">
<ProgressTemplate>
<img id="imgPleaseWait" src='<%= Page.ResolveClientUrl ("~/Common/Images/progressIndicator.gif")%>'
alt="Please wait..." />
</ProgressTemplate>
</asp:UpdateProgress>
</div>
Here is the script being used:
<script type="text/javascript">
function dynamicScrollIntoView() {
debugger;
var updProgress = document.getElementById('<%= progress.ClientID %>');
if (updProgress != null && updProgress != undefined) {
updProgress.scrollIntoView(true);
}
}
</script>