[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Gantt
  [Expand]Card View
   Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Collapse]Docking and Popups
   [Expand]Product Information
   [Expand]Docking
   [Expand]Hint Control
   [Expand]Loading Panel
   [Collapse]Popup Control
    [Expand]Popup Windows
    [Expand]Binding to Data
     Appearance Customization
     Adaptivity
     ASPxPopupControl Limitations
     Visual Elements
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Popup Control

The Popup Control allows you to create a pop-up window(s) in your web application. Pop-up windows are displayed separately from an application's main window and disappear after the specified user action.

The ASPxPopupControl represents the Popup Control on the server side and the ASPxClientPopupControl represents it on the client side.

Expanded Features

Windows Collection (Learn more (see ASPxPopupControl))

The popup control stores its pop-up windows in the ASPxPopupControl.Windows collection. If this collection is empty, the control displays a single pop-up window. In this case, you can define the window's appearance and behavior at the popup control level.

Data Binding (Learn more (see ASPxPopupControl) | See demo)

The popup control allows you to populate a window with content from a data source (ASPxDataWebControlBase.DataSource and ASPxDataWebControl.DataSourceID).

Load Content (Learn more (see ASPxPopupControl) | See demo)

Gets a pop-up window's content from the PopupControlContentControl object and loads the content on demand.

Popup Target Element and Position (Learn more (see ASPxPopupControl) | See demo)

You can assign a pop-up window to an HTML element(s) on a web page and specify the element's position and user action that displays the pop-up window.

Time Delay (Learn more (see ASPxPopupControl) | See demo)

Shows or hides a pop-up window after the specified time delay (in milliseconds).

Modal Mode (Learn more (see ASPxPopupControl) | See demo)

The popup control supports modal mode when a modal pop-up window takes and holds input focus until a user closes the window. You can use this mode when a user should interact with the modal dialog (for example, input and submit login credentials) before it returns to the main window.

Templates (Learn more (see ASPxPopupControl) | See demo)

The control allows you to specify custom content for the popup control's elements: header, footer, window.

Popup Animation (Learn more (see ASPxPopupControl) | See demo)

You can apply the animation effect to the pop-up window. For example, the control allows you to apply fade-in/fade-out and slide effects to the pop-up window(s).

Drag and Drop Support (Learn more (see ASPxPopupControl) | See demo)

The control allows you to drag a pop-up window within the browser window. You can also specify which element (header or window) a user should click to drag the window.

Adaptivity (Learn more (see ASPxPopupControl) | See demo)

The control supports an adaptive mode that allows you to build page layouts that fit a browser window's width. In adaptive mode, the pop-up control changes its size according to a user's device type and page resolution.

Miscellaneous

  • Resize windows.
  • Scroll window content.
  • Customize the control's appearance and define style settings related to all its visual elements. The control also supports the transparent background to create custom-shaped pop-up windows.

Is this topic helpful?​​​​​​​