Popup
The Popup component is a pop-up window that overlays the current view.
Get Started Video
Features
Popup Content and Appearance
The pop-up window consists of the header, body, and footer elements. Set the ShowHeader to false to hide the header and ShowFooter properties to true to display the footer.
HeaderText, BodyText, and FooterText properties specify text displayed in the Popup elements. You can also apply custom CSS rules to Popup elements: use BodyCssClass, HeaderCssClass, and FooterCssClass properties. To add custom content, use templates.
Horizontal and Vertical Alignment
Specify HorizontalAlignment and VerticalAlignment properties to position the Popup on the screen. You can also use PositionX and PositionY to display the component at specific coordinates.
Dragging
Activate the AllowDrag option to allow users to drag the pop-up window by its header to a new position. If you disable the AllowDragByHeaderOnly option, users can start dragging by any element – header, body, or footer.
Sizing
You can specify the component’s width, height, and their minimum and maximum values. Enable the AllowResize option to allow users to resize Popup by its edges and corners.