ASP.NET AJAX Control Toolkit Demos v20.1.0.0

ModalPopup Sample
Ajax Control Toolkit
ModalPopup Demonstration

ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. This new web development technology from Microsoft integrates cross-browser client script libraries with the ASP.NET 2.0 server-based development framework. In addition, ASP.NET AJAX offers you the same type of development platform for client-based web pages that ASP.NET offers for server-based pages. And because ASP.NET AJAX is an extension of ASP.NET, it is fully integrated with server-based services. ASP.NET AJAX makes it possible to easily take advantage of AJAX techniques on the web and enables you to create ASP.NET pages with a rich, responsive UI and server communication. However, AJAX isn't just for ASP.NET. You can take advantage of the rich client framework to easily build client-centric web applications that integrate with any backend data provider and run on most modern browsers.


Click here to change the paragraph style



This ModalPopup will be spawned programmatically. The ModalPopupExtender that this popup is attached to has a hidden TargetControl. The popup can be shown via server in code behind and on the client in script by calling the ModalPopupExtender methods to show and hide.



The ModalPopup supports 4 animation events that allow you to spice up its showing and hiding with visual effects. Open an animated modal popup
ModalPopup Description
The ModalPopup extender allows you to display content in an element that mimics a modal dialog box, which prevents a user from interacting with the rest of pages. The modal content can contain any hierarchy of controls. It is displayed above background (in z-order) that can have a custom style applied to it. Clicking OK or Cancel in the modal popup dismisses the content and optionally runs a custom script. The custom script is typically used to apply changes that were made in the modal popup. If a postback is required, you can allow the OK or Cancel control to perform a postback. By default, the modal content is centered on the page. However, you can set absolute positiniong and set only X or Y to center the content vertically or horizontally.
ModalPopup Properties
Properties
  • BackgroundCssClass - A CSS class to apply to the background when the modal popup is displayed
  • CancelControlID - ID of an element that cancels the modal popup
  • Drag - A Boolean value that specifies whether or not the modal popup can be dragged
  • DropShadow - Set to True to automatically add a drop shadow to the modal popup
  • OkControlID - ID of an element that dismisses the modal popup
  • OnCancelScript - A script to run when the modal popup is dismissed using the element specified in CancelControlID
  • OnHidden - Animation to perform once the modal popup is hidden
  • OnHiding - Animation to perform just before the modal popup is hidden. The popup closes only after animation completes
  • OnOkScript - A script to run when the modal popup is dismissed using the element specified in OkControlID
  • OnShowing - Animation to perform just before the modal popup is shown
  • OnShown - Animation to perform once the modal popup is shown
  • PopupControlID - ID of an element to display as a modal popup
  • PopupDragHandleControlID - ID of the embedded element that contains a popup header and title that will be used as a drag handle
  • RepositionMode - A value that determines if the popup must be repositioned when the window is resized or scrolled
  • X - The X coordinate of the top/left corner of the modal popup
  • Y - The Y coordinate of the top/left corner of the modal popup
Copyright © 2012-2024 CodePlex Foundation. All Rights Reserved.