Overview

This demo illustrates the Popup component. Click the Details button under an employee picture to see what the Popup looks like. Here is how you can configure its main elements:

Content
Use the contentTemplate property to set the Popup content.
Title Bar
Set showTitle to true and use the title property to specify the caption.
Show and hide the Popup
Call the show() or hide() method. If the Popup should be hidden on outside clicks, enable the closeOnOutsideClick property.

To get started with the DevExtreme Popup component, refer to the following tutorial for step-by-step instructions: Getting Started with Popup.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

ASP.NET MVC

Thank you for your interest in our ASP.NET MVC product libraries and UI component suite. We are moving ASP.NET MVC-related demos and content to DevExpress.com. Please make sure to update your bookmarks with our new URL.

View Demo

Overview

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC