Skip to main content Skip to footer
JavaScript Icon

Popup for JavaScript

Dialogs are Popup controls without owner elements. They allow users to enter or edit information without switching to a new page or view. Popups can be modal or modeless and are usually centered on the screen.

Implement Drop-Downs and Dialogs

The Popup component shows arbitrary HTML content next to an "owner" element or centered on the screen. It can be used to implement drop-downs and dialogs.

Try the Popup Editors Demo

Dialogs

A dialog is a popup without an owner element. Allow users to enter or edit information without leaving the page with a modal or modeless dialog. Use them for alerts or prompts, transitions, and pop-up editors.

Try the Dialogs Demo

Popups

Popups are bound to an owner element that components their position and visibility. Use the showTrigger and hideTrigger properties to determine whether the Popups should be shown or hidden when the owner element is clicked, or when the popup loses the focus.

Try the Popups Demo