DevExtreme Angular - Overview
The Popup widget is a pop-up window overlaying the current view.
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>
- <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
If you have technical questions, please create a support ticket in the DevExpress Support Center.