English | 日本語

This component library makes it incredibly easy to display popup windows and hints on your web pages. Simply place an ASPxPopupControl onto a form and populate it with arbitrary HTML content and choose where to display it. Need to display this window when end-users hover or click an HTML element? Then you only need to specify that element's ID and choose the end-user action - the rest is done automatically. We even offer you multiple options so you can properly align your window relative to that element and add arbitrary offset to its position. Of course, you can also show any number of windows at any pixel position you choose. And if multiple windows have been invoked, they will behave just like ordinary windows you are used to - end-users will be able to move them, switch the active window, etc.

In addition to freely customizable content, a popup window can display a header with a close button and a footer. You could use these sections to display text captions or links and glyphs. All of this can be easily accomplished via the popup control's properties. If you need greater control over content, you can use templates, which are fully supported much like our other ASP.NET web components.

As always, we provide multiple auto-formats so you can apply a nice-looking consistent appearance to your popup windows. And of course, we allow you to manually specify each individual element's appearance thus giving you full control over your page's look and feel.

The following is a list of features available to you. To try these features online, please visit our ASPxperience Suite Online Demo Center.

Popup Control Features

• ASPxPopupControl stores a collection of popup windows. Thus, if you need multiple popup windows with the same appearance and behavior settings, you need to place only one ASPxPopupControl component onto your web page.
• A popup window can automatically become visible on page load.
• You can specify an HTML element that can be clicked, right-clicked or hot-tracked to display a popup window. (Show Me)
• You can choose one of three end-user actions that close the popup window. The available actions include: clicking outside the window, moving the mouse pointer away from the element that was previously hot-tracked to make the window visible, and, lastly, clicking the window's close button.
• The ASPxPopupControl allows you to customize time delays before showing and hiding a popup window. Note that these delays are in effect only if you've chosen to display a window when hovering a particular HTML element. (Show Me)
• You can specify how a popup window should be aligned relative to the source HTML element. You can align any popup window's horizontal border to any horizontal border of the HTML element. One more alternative is to align their centers. The same options are available for vertical alignment. (Show Me)
• If the above alignment options aren't enough for you, you can also apply horizontal and vertical offsets (specified in pixels).
• Several predefined auto-formats are available so you can apply a nice design to your popup windows with just a couple of mouse clicks. (Show Me)
• Customizable header and footer content. Both elements allow you to display a glyph and text (or a hyperlink). Note that you can also use templates for more flexible header and footer content customization. (Show Me)
• Customizable appearance for the header, footer and content sections.
• Customizable shadow visibility.

Client-side Features and API

• Client-side events allow you to respond to popup window visibility state changes. (Show Me)
• You can use client-side API to show and hide popup windows, specify their position relatively to other HTML elements and change their content. (Show Me)