AJAX Modal Dialog using UpdatePanel

Published: 8/16/2006 1:52:00 PM
One of the cooler web controls in XLib is called XModalDialog. It is based on Atlas:UpdatePanel and works similarly to ‘Modal Popup’ in Atlas Control toolkit. It was difficult to implement server/client side validation using that control. I spent a couple of days trying to do that - then decided to develop my own.

"Forgot Password" demo is here

Demo contains a login screen that uses ‘XModalDialog’ for ‘Forget Password’ functionality. Click on ‘Forget Password’ screen and modal dialog will popup. Note that background controls becomes disabled untill you close the dialog. When you type correct e-mail — dialog will display ’success’ status message and let’s you close the dialog.

Download all source code

I did not use Atlas extender controls, but derived XModalDialog directly from UpdatePanel. In the future I may want to use extender, but I have not really seen any good examples that send data back and forth from client to server. Most controls are just ATLAS wrapper around DHTML controls.

I wanted to thank the following site for very nice javascript for displaying/hiding the dialog:

http://www.subimage.com/dhtml/subModal/

blog comments powered by Disqus