Window
- 2 minutes to read
The Window component allows you to show a non-modal window with custom content.
Features
Window Content and Appearance
The Window component 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.
Relative and Absolute Positioning
Specify HorizontalAlignment and VerticalAlignment properties to position <DxWindow> on the screen. You can also use PositionX and PositionY, or call one of ShowAtAsync method overloads to display the Window component at specific coordinates or relative to other elements.
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 the Window component by its edges and corners.
Multiple Windows
Our Blazor Window component can display multiple windows simultaneously. You can use ShowAtAsync method overloads to open windows in a specific order.