DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.


The Popup widget is a pop-up window overlaying the current view.

View Demo

The following code adds a simple Popup to your page, along with a Button that invokes it. The simplest configuration of the Popup requires the content and title to be specified.

<div id="popupContainer">
    <p>Popup content</p>
<div id="buttonContainer"></div>
$(function() {
        title: "Popup Title"

        text: "Show the Popup", 
        onClick: function () {

There are several ways to specify the content of the Popup. Learn more in the Customize the Content article. The Popup can also be displayed with a toolbar. For detailed information, see the Specify Toolbar Items topic.

See Also