A newer version of this page is available. Switch to the current version.

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.

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.