MadhuMenong
asked on
Asp.Net UpdateProgress Issue
Dear Friends,
I have an UpdatePanel within which is a GridView with paging mode="numeric". On click of a page number the gridview is refreshed and the selected page content displayed. I am using an UpdateProgress control to show an animated gif when the process is going on.
Issue:
1. The UpdateProgress displays only the first time in IE but in FireFox and Safari it works fine. In IE when page number is clicked for the first time the UpdateProgress is displayed but subsequent clicks to the anyother page the UpdateProgress is not displayed.
2. In IE though it displays the first time the UpdateProgress is displayed in the center of the screen. In FireFox and Safari the UpdateProgress is displayed on the bottom right part of the screen and partially visible.
Code file : code.txt
Code.txt
I have an UpdatePanel within which is a GridView with paging mode="numeric". On click of a page number the gridview is refreshed and the selected page content displayed. I am using an UpdateProgress control to show an animated gif when the process is going on.
Issue:
1. The UpdateProgress displays only the first time in IE but in FireFox and Safari it works fine. In IE when page number is clicked for the first time the UpdateProgress is displayed but subsequent clicks to the anyother page the UpdateProgress is not displayed.
2. In IE though it displays the first time the UpdateProgress is displayed in the center of the screen. In FireFox and Safari the UpdateProgress is displayed on the bottom right part of the screen and partially visible.
Code file : code.txt
Code.txt
ASKER
Hi Rajesh,
Thanks for ur help.
I tried your change but then the UpdateProgress is displayed at the bottom after the gridview away from the user view.
Madhu Menon
Thanks for ur help.
I tried your change but then the UpdateProgress is displayed at the bottom after the gridview away from the user view.
Madhu Menon
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
The solution was provided as an hint.
This is for the allignment issue. Try this change your style for updateprogress div as
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="u
<ProgressTemplate>
<div id="IMGDIV" align="center" valign="middle" runat="server" style="visibility: visible;
vertical-align: middle; border-style: inset;
border-color: black; background-color: #FFFFFF; width:50%; height:100%;">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading
Height="300" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>