How To Use UpdateProgress
May 25, 2013how can i use UpdateProgress or any other method to show page-loaded progress in percentage value and remaining loading percentage value.
View 7 Replieshow can i use UpdateProgress or any other method to show page-loaded progress in percentage value and remaining loading percentage value.
View 7 RepliesI have a webform that works the following way:
1. Button_openPanel will display panel Step2Panel through ModalPopupExtenderStep2.
2. Button_runThread (inside Step2Panel) will close Step2Panel and will then run a lengthy process server-side. This lengthy server-side process will cause the UpdateProgress control to be displayed.
Similar to the ModalPopup, I want to disable the whole page while the UpdateProgress control (with its animation gif) is running. Currently, the UpdateProgress is displayed, but I can click Button_openPanel (or anything else) which will cause the application to break.
Is this possible?
This is basically all the code. I stripped anything that was unneeded:
[Code]....
The code-behind is basically this:
[Code]....
Everything's working pretty good now, but I need to disable everything while the time-consuming process is running and UpdateProgress is displayed.
I was thinking of displaying the UpdateProgress control as a a sort of ModalPopup, but I'm not sure if it's possible. If not, then the alternative would be to disable Button_openPanel while the time-consuming process is running and UpdateProgress is displayed.
I want to show the UpdateProgress on page A when a user clicks on the "Next" button to go to next page. The next page is Page B, which has heavy data loading. When the button is clicked, it doesn't show the UpdateProgress. What's missing from this code, and how can it be made to show?
<asp:UpdateProgress ID="UpdateProgress1" runat="Server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate >
Please wait ...
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnNext" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:Button ID="btnCancel" runat="server" TabIndex="1" Text="Cancel"onclick="btnCancel_Click" />
<asp:Button ID="btnNext" runat="server" TabIndex="2" Text="Next" onclick="btnNext_Click" />
</ContentTemplate>
</asp:UpdatePanel>
how to use <iFrame> tag in <UpdateProgress>. I want my whole screen in opacity when i press a button like the screenshot below. I tried in this way
[Code]....
I have an application where I have multiple gridviews on same page and when I load the gridviews I need to show UpdateProgress control for each one. Since I am using external triggers I am trying to show the UpdateProgress control in Java Script. But it is now working for me. I have attached code snippet and maybe someone will be able to assist me:
<script type="text/javascript">
window.onload = function() {
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
prm.add_beginRequest(function(sender, args) {
var gridView = document.getElementById("<%=GridView2.ClientID %>");
if (gridView != null) {
document.getElementById("<%=GridView2.ClientID %>").style.display = 'none';
}
var pbControl = null;
pbControl = args.get_postBackElement();
if (pbControl.id == "ctl00_ContentPlaceHolder1_TabContainer1_TabPanel1_DropDownList3") {
alert("DropDownList3 - is the post back element");
document.getElementById("<%=UpdateProgress1.ClientID %>").style.display = '';
}
});
prm.add_endRequest(function(sender, args) {
document.getElementById("<%=GridView2.ClientID %>").style.display = '';
});
}
}
</script>
<cc1:TabContainer ID="TabContainer1" runat="server" Height="20px" ActiveTabIndex="0">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Current Shift" Style="font-size: xxx-small...................
I have 3 UpdatePanels on my page, and 1 UpdateProgress. I'd like it to be associated with 2 of the UpdatePanels but not the third one. The AssociatedUpdatePanelID property only allows for 1 ID, so it's one or all of them. Is there another way?
View 2 RepliesI'm looking for the easiest possible way to hide an UpdatePanel while waiting for the submit response to come back. Stuff like described here - using Ajax Control Toolkit and the UpdatePanelAnimationExtender is both overkill and causing some issues, namely:
Because there are a couple of hidden panels in the page it gets all messed up and hides the wrong panels. I have no idea why this is happening; I can't find a way to specify that only one button is supposed to trigger the animation. I did specify a in the UpdatePanel, but it seems that is ignored and all the controls inside the panel trigger the animation. A simple javascript solution would be ideal. The problem here is ASP.NET likes to generate weird IDs for the controls at runtime. Any solutions for that?
I want modalpopup on updateprogress whenever updateprogress fires modalpopup must be appear
View 1 RepliesI have put a updateprogress ajax nested in a gridview template. However, when I click a button inside the gridview row, all of the rows in the gridview display the updateprogress gif at the same time. When the user click a button on one row, how can I get the updateprogress to display itself only on that row index?
here is my code:
<itemtemplate>
<asp:Label
ID="lblPriceQty"
runat="server"></asp:Label>
<div>........
Normally I google search to try and solve my issues but in this case I have no idea what is wrong. I'm trying to get an UpdateProgress to show some text while the panel is updating, but it just doesn't show up. I'm not seeing any visible errors and nothing seems to be rendering incorrectly other than the text just not displaying on the update. Here is a look at my code:
[Code]....
I know it has to be some really simple that I am just overlooking but I am stumped.
When I try to associate UpdateProgress with a specific UpdatePanel then the controls in the UpdateProgress do not show. Without the link it works
Code:
[code]....
I know that UpdateProgress doesn't work with PostBackTrigger, but let me explain what i'm trying:
I'm generating a PDF document (Crystal Report) with ExportToHttpResponse that will be downloaded automaticaly by the browser.
So while the document is been generated, i'd like to show the UpdateProgress just while i'm waiting the doc is being generated, doing the UpdateProgress(or some label) to disappear.
Trying to display the UpdateProgress but the control is not being displayed, not sure if I have the JS portion correct. However, the "Alert" box is showing.
Since I have an external trigger control in the UpdatePanel, the AssociatedUpdatePanelID will not work and I have to handle the display of the UpdateProgress control programatically.
Code:
[code]....
In my aspx page I have UploadFile, Button and a Gridview. I have embedded all controls in Updatepanel control but upon selecting file in UploadFile control, Upon click of the button UpdateProgress text message does not work whereas without using Updatepanel it works very fine. What could be the reason? and solution for this.
[Code]....
I'm using Update Progress and when I click in the DropDownList, the progress controls shows up till GridView is filled. So far good. Now, if I do another selection in the DropDownList the GridView stays on the screen as the progress control is beings shown. How can I prevent the GridView being shown till a new binding taken place?
<cc1:TabContainer ID="TabContainer1" runat="server" Height="20px" ActiveTabIndex="0">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Current Shift" Style="font-size: xxx-small"
BackColor="AliceBlue">
<HeaderTemplate>
Current Shifts
</HeaderTemplate>
<ContentTemplate>
<br />
<div style="height: 30px; left: 4px; top: 30px; width: 516px; position: absolute;
background-color: #ffffcc; z-index: 102;">
<asp:Label ID="Label1" runat="server" Style="top: 6px; left: 7px; position: absolute;
z-index: 100;" CssClass="labellayout" Text="Plant:" />
<asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True" CssClass="dropdownlistlayout"
Style="width: 140px; top: 5px; left: 37px; position: absolute; z-index: 101;"
OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged">
</asp:DropDownList>
<asp:Button ID="Button4" runat="server" CssClass="buttonlayout" Style="left: 476px;
top: 6px;" Text="Export" Width="36px" />
</div>
<asp:Panel ID="Panel4" runat="server" CssClass="panellayout" Style="top: 60px; height: 201px;
width: 518px; left: 2px;" BorderColor="Transparent">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="TabContainer1$TabPanel1$DropDownList3" EventName="SelectedIndexChanged" />...............
I have a nested child and parent UpdatePanel. The problem is, when the child UpdatePanel is refreshed/posted, the UpdateProgress in parent fires up. How can I prevent this? The structure is like this:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate></ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate></ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress3" runat="server" AssociatedUpdatePanelID="UpdatePanel2">
<ProgressTemplate></ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</asp:UpdatePanel>
When UpdatePanel2 is posted, UpdateProgress3 is not displayed but UpdateProgress1 and UpdateProgress2 are. What should I do?
how to get a modalpopup to appear in a updateprogress panel.
I have a page with a list of products, when the user clicks to add a product to cart I want the modalpopup to appear for as long as the progress takes to addd the item ( to stop the user going to the cart which may still be empty) I am using a master pages and I have the updatePanel inside a user control, Im trying something along these lines ( as well as a 100 different combinations to get this to work) but cant get it done:
[code]....
the above code is all in the user control.
I have an UpdateProgress control to activate on a postback of a button control. The button_click event is performing a Response.Redirect to show CSV Report. The report comes up and the UpdateProgress bar is spinning on the page with the button. However, once the user closes the report and control is returned to the page, the UpdateProgress image is still there spinning.
How can I use the UpdateProgress bar to finish and go away?
My default.aspx page is quite long and you would have to scroll to see the rest of the page in the explorer window. Now to stop the user from interacting with the page when postbacks take place, i need to use an updateprogress control. The question is how do I get this to run at the centre of the page even if the user scrolls while the postback is in progress? Also to grey out the background.
View 1 Replies on my page i have an updatepanel which contains a gridview and a listbox...
When selecting a row in the gridview i copy a value inside the listbox through javascript.
I would like to show the updateprogress while the javascript is being executed so i wrote this javascript but it is not showing the updateprogress... There are also no errors
[Code]....
how to show the updateprogress ? I would also like to show the Updatepanelanimationextender through the javascript
<ajaxToolkit:UpdatePanelAnimationExtender
ID="UpdatePanelAnimationExtender1"
TargetControlID="pnlResultaat" [code]....
I have an export to excel functionality on my web application. WHen the user clicks the "Export to Excel" button, the file is created and it will ask the user to open it or save it to their local machine.
Since the file creation process takes a long time, I added the ajax update progress control. SO now, as soon as the user clicks the "Export to Excel" button, the progress bar image shows up, but after the file is created, I get the following error.
Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed.
I know that, if we use Response.write in the code behind, we get this error. But I have to use Response.Write because I am presenting the user with a prompt to save or open the newly created file. Is there any other way to do this?
The following is the aspx code.
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
[Code]....
I need to write a single web page that checks the status of an SQL job, and allows the user to execute a new job if the job has a specific status.
I have the job status checking code working but have a problem when it comes to the execution of the next job. The problem is because as soon as ExecutNonQuery is run my code goes straight to the next line leaving SQL to do its own thing - therefore my UpdateProgress never shows. How do I get the UpdateProgress control is be aware that my Job is still running??
I also have a method called ReturnJobDetailStatus which I imagine I could use by continually checking it with a combination of the UpdateProgress control and a timer control? If so I cannot visualise how to achieve this?
Here is a snippet of the code:
Page:
[Code]....
Code-behind:
[Code]....
Is there any way to get an updateprogress to entirely cover an updatepanel ?
(Asp.net .net 4)
I'm getting a JavaScript error in the ASP.NET AJAX framework when using the UpdateProgress control.Details:The UpdateProgress is inside the UpdatePanel.
Firebug error information: this.get_element() is undefined Sys$UI$_UpdateProgress$_startRequest()ScriptRe...373681250 (line 1931)
anonymous()ScriptRe...373681250 (line 61).How do I resolve this issue? Is this a known bug and if so what are the steps I need to do to avoid it?
I have three grids in a table. These three grids have three refresh buttons Ref1, Ref2, Ref3 attached to each other respectfully.
Now i want to click the first Ref1, then my first grid will be refrehed and the <iFrame> opaqueness whould be covering the first grid only.