.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Modal Loading Popup on Async Postback

Posted By:      Posted Date: September 10, 2010    Points: 0   Category :ASP.Net
Hi everyone, I have a web application that does some complicated data retrieval tasks and so I am trying to show a modal dialog box with a loading message when the tasks begins. I am using ASP.Net 3.5, the jQeury popup I am using is bPopup. Firstly, I have a table where the rows can be clicked. Im am using a script from http://bloggingabout.net/blogs/mveken/archive/2008/01/02/performing-async-postback-from-javascript.aspx to do an async postback from the table row. Here is my functionfunction Server(eventName, eventArgs) { $("#<%=lDiv.ClientID %>").openPopup(); var prm = Sys.WebForms.PageRequestManager.getInstance(); if (!Array.contains(prm._asyncPostBackControlIDs, eventName)) { prm._asyncPostBackControlIDs.push(eventName); } if (!Array.contains(prm._asyncPostBackControlClientIDs, eventName)) { prm._asyncPostBackControlClientIDs.push(eventName); } __doPostBack(eventName, eventArgs); } so the $("#<%=lDiv.ClientID %>").openPopup();  opens up my loading modal and then the server starts doing its thing. When the server finishes though how would I then close the dialog box? I just need to call one line of code like $("#<%=lDiv.ClientID %>").closePopup(); Thanks for your help

View Complete Post

More Related Resource Links

want to show animated loading gi in modal popup on buttton click??



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


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.??



can anyone help me please - validator in modal popup prevent my button from postback


i have a very strange problem

for some reasons
i m forced to use the following solution

i have a situation that includs
a validation control
inside a usercontrol
that is loaded on the page using a modalpopup
when i click a button from inside a gridview

the problem is that the button inside the modalpopup
never fire the server code behind
as if the validator prevent it from doing so

my example website is uploaded here


anybody help me please


Modal Popup Extender postback problem?



When i try to submit the page which has modal popup extender,popup extender becomes visible! How can i avoid this?

Thanks in advance.

Modal popup window in ASP.Net

A Masked div or modal popup window is a child window created from the parent window which prevents the user from interacting with parent window before he returns to the parent application.

Open different page using Ajax Modal PopUp Extender Control

The article Open different page using Ajax Modal PopUp Extender Control was added by Chintan Dave on Thursday, July 15, 2010.

You May use Modal Popup Extender to open some part of the page as Popup. But there we don't have any property to open other html or aspx page in Popup window.We can do it using IFrame control. What we have to do, just add IFrame control in Panel that

want to launch modal Popup from created User Event handler




I have a create user wizard on my page and in the event handler (Created User) I get extra information from the user

via textboxes within the aspx etc.


I then do a response.redirect to another page.

What I want to happen is this


When the CreatedUser Event is fired, I  want a Modal Popup to show up with a message Processing your registration.

once the registration code is processed it will close and the users get redirected.


On my ASPX I have the Modal PopUp and a Panel.

In the code behind in the handler I put ModalPop.show()


but this does not work.


thanks for any suggestions



Modal Popup disappears after showing in IE7


Currently having problems with a modal popup. When you click its target control it will show up the hide itself again.  Thanks. Will try to add some more details later.

Modal Popup with UpdatePanel


Hi Guys,

              I have one Panel on ascx control to which I have attached one Modal popup extender. On this panel I have one RadioButtonList control which having SelectedIndexChanged on which I have made CheckBoxLists visible True/False. 

             I want to add Update panel to this Panel . So when I handled the SelectedIndexChanged event there should be no total page post back, only Panel updates should be happen.

 Please do reply..



Modal Popup extender

HEllo I m using modal popup extender well i m having page on the page i m showing modal pop up extdner on click on every button but my problem is if scroll the page then modal popup extender aslo scroll till end I dont want modal popup up extender to be scoll according to page scroll can u help me pls?  

Sharepoint 2010 views modal popup

Hello, somebody knows how can i launch a modal popup like the normal modal popup that launch sharepoint 2010 when you try to edit or add a new item in to a list or library froma custom list view?, the thing is that i did create a listview with a freeform toolbar and all the sections (view header, view body ...) in it, and add the edit column to it because i want to edit the items from the view, in the other hand the contenttype of the list that have associate the view have its own urlforms developed with silverlight, my problem is when i try to edit the items, i clicked in the edit link column and the custom urlform added to the contentype is open in a blank page and no in the normal popups of sharepoint 2010,, if some body have had this issue i will appreciate your comments.

Modal Popup moving data from popup to parent

I have one page with a panel that makes up my ModalPopup. On the ModalPopup there is an updatepanel with a textbox and a button in it.There is a textbox on the "parent" page and I want to click the button on the modalpopup and move the data from the popup textbox to the parent textbox. So far, no joy. I have a line in the code behind to move the data between textboxes and I have also tried javascript to do the same thing but I am not able to make this happen unless i click the button twice.Any help is appreciated.

Datalist and Ajax control toolkit Modal Popup window

Hi friends I have created list of thumbnail images in datalist and on clicking image i want to pass image name to Ajax control toolkit Modal Popup window which display bigger image.   Please help me.

Problems Positioning Popup Extender After Postback

Please read this entire post before responding and refer to the supplied screen shots to fully understand the problem. There are multiple layers of Ajax controls invovled. On the main page, I have Modal Popup Extender that displays a User Control. Within the User Control is a Popup Control that displays another User Control. User Control #2 which resides on User Control #1 is comprised of a GridView with sorting capabilities. I've got code in place that displays User Control #1 following a postback generated from within it. I've got additional code that displays User Control #2 (the one with the GridView) following a post back. The result is that when User Control #2 is sorted, it remains visible. The problem is that after the postback for User Control #2 ocurrs, the control is not displayed at the coordinates specified in the markup. If I hide it and then redisplay it, it will appear at the specified location. Protected Sub Page_Load() Handles Me.Load If TextBoxShowCompanyFacilitySelector.Text = "-1" Then Dim PopupControlSelectCompanyFacilityId As Object = FormViewContactDetail.FindControl("PopupControlSelectCompanyFacilityId") PopupControlSelectCompanyFacilityId.Show() End If End Sub These screen shots show the desired and actual behaviors.

After async postback, hide/show panel stops working

I have a Gridview in an UpdatePanel with a column containing an "expander" button that shows (and hides) more detail beneath its row of data.  It all works great until the user pages the gridview.  After the async postback to page the gridview, the javascript function to toggle hide/show appears to work flawlessly (the expander's button image even changes correctly), but the detail panel just doesn't show on the page.Note that my expander control supports a "AsyncTriggerId" property that, if set in the markup, will rebind the javascript toggle function when that control triggers an async postback (see OnPreRender below)Here's the hide/show toggle javascript:function toggleExpander(divId, imgId) { var div = document.getElementById(divId); var img = document.getElementById(imgId); var cssClass = div.getAttribute("className"); if (div.style.display == "" || div.style.display == "none" || cssClass == "hidden") { div.style.display = "inline"; div.setAttribute("className", ""); img.src = "images/dir_down.png"; mce_src = "images/dir_down.png"; img.alt = "Collapse to hide details"; } else { div.style.display = "none"; img.src = "images/dir_rig

View Source When Modal Popup Extender is Displayed

I've got some Javascript within a div that's displayed by a Modal Popup Extender. The Javascript is throwing an error. When I go to 'View Source', it appears that the source for the Modal Popup Extender and the Javascript contained therein isn't there. How can I view the source then? The Modal Popup Extender *is* being rendered.

Modal Popup controls & Update panel

Dear frnds, I have a Modal Popup controls on the page. This will display some data.     It takes around 10 min to fetch the data to display on the popup control.     Code for displaying the popup control is on page behind.   So problem is that it takes 10 min to come up the popup. No indication till them on the page . All the controls are inside the update panel   Regards, Sajid P K  

Hiding Modal Popup

I have a modal formview popup which has different commands depending on whether the formview is in insert or edit mode. I have update and cancel commands inside of the form view item and edit templates. On update I would like to call some page function or do something else to hide the popup. I tried several methods and nothing works. I would appreciate any help in closing the popup on succesful update. Protected Void FormView_RowCommand(....) { // Update or insert a new record. // On succesful update, hide the popup } Thanks Suresh  
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend