Popup Control

  • 3 min to read

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.

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(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 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 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 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 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 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 the transparent background to create custom-shaped pop-up windows.