DevExtreme Angular - Overview

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.

HTML
JavaScript
  • <div id="popupContainer">
  • <p>Popup content</p>
  • </div>
  • <div id="buttonContainer"></div>
  • $(function() {
  • $("#popupContainer").dxPopup({
  • title: "Popup Title"
  • });
  •  
  • $("#buttonContainer").dxButton({
  • text: "Show the Popup",
  • onClick: function () {
  • $("#popupContainer").dxPopup("show");
  • }
  • });
  • });

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