AJAX :: UpdateProgress Animated Gif Stops On Postback?
Jan 18, 2010
I have a problem with an amimated gif inside an UpdateProgress which is linked to an UpdatePanel. Basically the gif displays for a few seconds then justs stops and then a few seconds later the page displays. Reading some other posts it and putting in some debug info I can guess it is because the postback is returning a lot of markup, so it seems the postback has stopped and the gif freezes while the markup is being sent/being rendered. Is there anyway to keep the gif 'running' while all this markup is doing its thing?
I am using the RegularExpressionValidator control inside an Update panel. It works perfectly when I load the page the first time, but after a postback it doesn't work.
Let's say that after the first postback I include invalid characters in the textbox and run an new post back, I shows that the result is invalid...
I'm trying to put a updateprogress into a webpage where selection from the dropdownlist causes postback. Works out well except that on the first postback, the gif image shows on the leftside rather than on the center. On succeeding postback, it will show on the centre where I intend it to be. Below is my code:
In a nutshell I have an UpdatePanel with an UpdateProgress item, first postback checks for warnings, if there are any they will be be displayed to the user as a JavaScript 'confirm' box. If the user clicks OK the next postback occurs to commit the change.
The UpdateProgress loading notification appears on the first postback but not on the second, even though both of them function correctly. The buttons that trigger both postbacks are async postback triggers in the update panel, and both are inside the ContentTemplate.
I've got a problem that after i refresh an update panel all the HoverMenu's stop displaying, it still calls the WebMethod which returns valid html and the panel is displayed, but it content of the panel isn't displayed on the browser.
I've created a single page to demo this problem:
aspx
[Code]....
vb.net
[Code]....
The demo shows the hovermenu working until you click the update button then it stops showing the content, although it is still calling the WebMethod onhover.
I am using VS2008, .net Framework 3.5 and toolkit 3, 0, 30930, 0
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 managed to see pictures in a Gridview (I am kind of new to Asp.net) and, with some javascript, I see a pre-formated picture before the pics are retreived from database. I tried to put an animated GIF instead of a static one but the animated GIFF doesn't animate.
i have some time consuming serverside function so i try to execute each function step by step and inform the user about the progress.
So my approach was:
create a visible button that performs an asynchronous postback and handle the click event on serverside execute the first function update a Label to inform the user if the function was executed successfully register a javascript that triggers the click-event of a second invisible(Style="display: none") button that is also registered as asynchronous trigger for the UpdatePanel send page back to client and execute script to click the invisible button handle the button-click, inform user, register js for third invisible button, execute button-click and so on...
But the problem is that the UpdateProgress-control will not be shown although i've set the AssociatedUpdatePanelID correctly. The functions are all triggered correctly and the labels are getting updated, only the UpdateProgress keeps invisible.
I understand that asp:link button is a control with JS that forces a postback. I have code that runs on OnClick in codebehind of this linkbutton. I placed a counter (with the aid of viewstate) within this code to count the number of times the event fires. The first time it fires the code runs, but as the process is a little long, when the second postback fires it stops the first running in its tracks, so the execution is incomplete. I have googled this issue, and found that some say an img tag with out a complete src address forces a postback, I examined my source and I have no bad src's. The link button is on a complicated ascx page with many controls etc, so I cant post it here. Is there a way to CANCEL the link button immediately OnClick so it only runs once?
I want to load a popup when a user clicks a button. The buttons are images located inside a tabpanel. The first time the page is loaded the helpEvents DOES display the popup and the 'click' popup. Then I navigate to Tabpanel tab2, and the helpTickets button doesnt work (doesnt even display the 'click' popup) Then I navigate back to Tabpanel tpEventDetails, and the helpEvents button doesnt work anymore either(and also doesnt even display the 'click' popup anymore) So I think something gets lost in the updatepanel on callback...but what? and how to fix it?
I'm using ASP.NET for a search app web site.My search retrieves exactly one result per fetch. Once the search is complete and the user selects "Update", a new result is fetched and the old result is written to the ViewState as a generic List. The new result replaces the old one.I am trying to get the page to update (via partial post-back), so that the old result drops down the screen and the new result sits on top of it. Much like the concept of a stack.
I have 2 grid view Parent & child on parent gridview I have expand button inside item template. I want by click on parent expand button child gridview get open with animation. How to do this? I am using asp.net c sharp.
I used modal popup in vs 2010 that is working fine. When user click on button modal popup comes up immediately , I want it comes in transition from top to middle so it looks good.
I am using a 5 file upload controls on my page within a Create User Wizard.
In a modal pop up extender, I have a animated ajax gif with a message
"loading"
When I submit the button (see code below )to send the form, the modal pop up shows up,but the image is not animated. If I put the button below in an update panel it works with animation. But if I add a twigger for the button as the file upload controls needs a postbackthe image is static again. Is there anywhere I can display an animated image in the modal pop up and still keep my existing code.?
what I wanted to implement is something like this: lick meThis demo is PHP based, so I wanted to ask whether this is also possible to implement in ASP.Talking about performance, would it be better to use the jQuery framework than the Ajax Control Toolkit?
I have been searching the net and found no clean cut answer to my problem. I have an animated spinning gif, that is displayed within an 'UpdateProgress'. This gif is to be displayed when the page is posting back to the server and processing.
The animation will start to spin but basically stright away it stops. I have noticed that the file menu within IE is also frozen at this point, up untill the page fully refreshes. I have tested in firefox and safari and am recieving the same problems.
developing in visual studio 2010, framework 4.0, IE 7,8.
I've got a CollapsiblePanelExtender in place on a panel in test and it works like a champ. (I get excited about the simplest things). When I click the panel header it expands and collapses with smooth animation, as expected and desired.
But when I change its state via code behind, it seems I am merely changing its state and somehow bypassing the javascript that controls the smooth animation.
My markup is out of the box. I have added code behind and some javascript, but I am missing the connection. Here is the javascript:
function pageLoad(sender, args) { smoothAnimation();[code]....
I 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?
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.
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:
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.
