Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Components > Docking and Popups > Popup Control
All docs
V24.2
ASP.NET Web Forms Controls
.NET Support and Migration
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Chart Control
Data and Image Navigation
Data Editors
Diagram
Docking and Popups
Deployment
Included Components
Docking
Hint Control
Loading Panel
Popup Control
Popup Windows
Bind to Data
Appearance Customization
Adaptivity
Limitations
Visual Elements
File Management
Gantt
Gauges
Grid View
HTML Editor
Multi-Use Site Controls
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Popup Control

  • 3 minutes to read

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

ASPxPopupControl is a server-side Popup Control, and ASPxClientPopupControl is its client-side equivalent.

PopupControl

Features

Windows Collection (Learn more)

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 demo)

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

Load Content (Learn more | 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 demo)

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

Time Delay (Learn more | See demo)

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

Modal Mode (Learn more | See demo)

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

Templates (Learn more | See demo)

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

Popup Animation (Learn more | See demo)

You can apply an 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 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 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 a transparent background to create custom-shaped pop-up windows.