Our Blazor Window component allows you to display a non-modal window in your application. You can use it to display additional information or task progress, implement search dialogs, gather information from users, or ask for confirmation.
The window consists of three elements: header, body, and footer. The footer is initially hidden. You can set the ShowFooter property to
true to display the footer.
Users can close a Window in the following ways:
- Click the Close button. The button is shown when the ShowCloseButton is set to
- Press Escape. You can set the CloseOnEscape property to
falseto disable this capability.
The HeaderText, BodyText, and FooterText properties specify text displayed in the Window elements. You can also customize the Window element's content and appearance. Refer to the following topic for more information: DxWindow - Content and Appearance.
You can use the following
ShowAsync method overloads to show the Window at the specified position:
- ShowAtAsync(Double, Double, CancellationToken) — Asynchronously shows the Window at the mouse click position.
- ShowAtAsync(ElementReference, CancellationToken) — Asynchronously shows the Window over the element specified by ElementReference.
- ShowAtAsync(Point, CancellationToken) — Asynchronously shows the Window at the specified point.
- ShowAtAsync(String, CancellationToken) — Asynchronously shows the Window over the element specified by a selector.
Enable the AllowResize property to allow users to change the Window's size. A user can drag window edges and corners. You can handle ResizeStarted and ResizeCompleted events to process resize actions.