Progress Bar
-
function onUpdating() { // get the update progress div var pnlPopup = $get('<%= this.pnlPopup.ClientID %>'); // make it visible pnlPopup.style.display = ''; // center of gridview var x = (window.screen.width/2) - (75 + 10); var y = (window.screen.height/2)- (100 + 50); // set the progress element to this position Sys.UI.DomElement.setLocation(pnlPopup, x, y); } function onUpdated() { // get the update progress div var pnlPopup = $get('<%= this.pnlPopup.ClientID %>'); // make it invisible pnlPopup.style.display = 'none'; //when we page we have to call this to make the page scroll } <AjaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="updatePanel1" BehaviorID="UpdatePanelAnimationExtender1" Enabled="True"> <Animations> <OnUpdating> <Parallel duration="0"> <%-- place the update progress div over the gridview control --%> <ScriptAction Script="onUpdating();" /> </Parallel> </OnUpdating> <OnUpdated> <Parallel duration="0"> <%--find the update progress div and place it over the gridview control--%> <ScriptAction Script="onUpdated();" /> </Parallel> </OnUpdated> </Animations> </AjaxToolkit:UpdatePanelAnimationExtender> <asp:Panel ID="pnlPopup" runat="server" CssClass="progress" Style="display: none;" meta:resourcekey="pnlPopupResource1"> <div class="container"> <div class="header"> Loading, please wait...</div> <div class="body"> <img src="../Images/activity.gif" alt="" /> </div> </div> </asp:Panel>
-
function onUpdating() { // get the update progress div var pnlPopup = $get('<%= this.pnlPopup.ClientID %>'); // make it visible pnlPopup.style.display = ''; // center of gridview var x = (window.screen.width/2) - (75 + 10); var y = (window.screen.height/2)- (100 + 50); // set the progress element to this position Sys.UI.DomElement.setLocation(pnlPopup, x, y); } function onUpdated() { // get the update progress div var pnlPopup = $get('<%= this.pnlPopup.ClientID %>'); // make it invisible pnlPopup.style.display = 'none'; //when we page we have to call this to make the page scroll } <AjaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="updatePanel1" BehaviorID="UpdatePanelAnimationExtender1" Enabled="True"> <Animations> <OnUpdating> <Parallel duration="0"> <%-- place the update progress div over the gridview control --%> <ScriptAction Script="onUpdating();" /> </Parallel> </OnUpdating> <OnUpdated> <Parallel duration="0"> <%--find the update progress div and place it over the gridview control--%> <ScriptAction Script="onUpdated();" /> </Parallel> </OnUpdated> </Animations> </AjaxToolkit:UpdatePanelAnimationExtender> <asp:Panel ID="pnlPopup" runat="server" CssClass="progress" Style="display: none;" meta:resourcekey="pnlPopupResource1"> <div class="container"> <div class="header"> Loading, please wait...</div> <div class="body"> <img src="../Images/activity.gif" alt="" /> </div> </div> </asp:Panel>