Running an Ajax ModalPopup from code behind

Feed on: Posts; Comments

Running an Ajax ModalPopup from code behind

March 23, 2007 by suddenelfilio

The ajax control toolkit contains a control called ModalPopupExtender. This extender allows you to create a dialog-like interface for webpages.When you use it like it is meant to use you would set a TargetControlID and a PopupControlID. The first is the control that will trigger the popup to show while the latter is the control that will be shown. That’s already nice, but what I needed recently was to show the result of a certain query in such a popup. This means that when I click the control that is pointed as TargetControl it would do a postback, execute some serverside code and then show that result in the browser. This is logical you might think but the problem is that when you click the control assigned to the extender as TargetControl you’ll see the popup immediately and only then the postback occurs.Okay how to solve this? Well add an additional linkbutton for example and make sure it is visible but has not text. You can then set the TargetControlID to this “no-text” linkbutton. Since there is no text, you can’t see it and since you can’t see it the user won’t click it. Nifty Next you can have a second linkbutton the performs a callback to the server and executes some serverside code. If you put this linklabel in an asp.net ajax updatepanel you won’t notice the callback and you can use the ProgressIndicator functionality in asp.net ajax.At serverside you can perform some code execution and for example set a Label’s text proeprty to the result. Finally you can access the ModalPopupExtender and call the Show method that’s available this will cause the popup to appear.I really like this way of working because it allows for a nice userinterface experience and interaction with user.

Posted in .net 2.0, Asp.net 2.0 | 19 Comments

19 Responses to “Running an Ajax ModalPopup from code behind”

on August 23, 2007 at 5:02 am aswin

Hi. Can i get tat example? pls send the link to my email
on December 13, 2007 at 3:36 pm Courtney

Thank you!! I was able to get this to work and it was exactly what I needed.
on January 31, 2008 at 7:54 pm Shawn

Thanks, this simple fixed saved me allot of time.
on February 12, 2008 at 10:19 am SriDevi

Please give me an idea.. or send me the link…

1) How to get the modal popup window by clicking the link in the gridview from code behind…. also to get the data from the popup window after updated…

2)Inside the popup control, the button click event was’nt handled while clicking within the gridview.

Thanks in advance….
on February 17, 2008 at 9:01 pm Márcio Fábio

Hello.
Please send the link to my email.
on March 12, 2008 at 10:51 am Mohan

can you send me the code for this example
on March 25, 2008 at 9:24 am Doyle

Very good comment, it help a lot of AJAX project
on March 31, 2008 at 11:53 am Marco

Can you send me the code too, please? Thank you.
on April 8, 2008 at 6:04 am Tina

Can u please please send this code to me as well. Thanks So much.
on April 21, 2008 at 3:35 pm Chris

Can you please send me the code so that I can take a look too. Thanks!
on April 25, 2008 at 4:01 pm Javier Fonseca

You should set the Enabled property of the *no-text* LinkButton to “False”. Otherwise you could accidently access it pressing the Tab key
on May 8, 2008 at 8:43 pm Eric Shandil

Great article, this is exactly what I was looking for. Thank you so much.

eric
on May 28, 2008 at 2:40 pm Brandon

Can you please send me an example to my email. It would be much appreciated.
on May 28, 2008 at 2:46 pm suddenelfilio

I would love to send you all the code but this is an old post and to be honest I do not have the code anymore.
on July 1, 2008 at 11:44 pm Kyran

Hello;
Would you be kind enough to send me an example of how to do this? Sounds like it might be exactly what i’ve been looking for…. in which case thank you!!
on September 4, 2008 at 9:46 am farheen Dalal

Hi. Can i get tat example? pls send the link to my email…
Thnx in Advance.
on September 10, 2008 at 9:28 am ErikIce

Hi, can I have an example?
It’s exactly what I need.
Thanks a lot
on September 10, 2008 at 3:48 pm Edward

Would you be kind enough to send me an example of how to do this? Sounds like a great solution. Thanks for the assistance.
on September 17, 2008 at 2:15 pm sam

hey, this sounds fantastic. could you please send me an example as well? i would send cake and coffee in exchange, but its kinda difficult somehow.. many thanks in advance