Blazor Dialog
The Blazor Dialog opens modal dialogs and side panels from code via DialogService, with Alert and Confirm helpers, custom content, sizing, and async results.
NOTE: Please ensure you have reviewed the instructions in Get Started , as there are pre-requirements when using this component.
Open page as a dialog link
Use DialogService to open any Blazor component or page as a modal dialog.
Inline Dialog link
Display a dialog inline within the page content without using the DialogService.
Busy Dialog link
Show a busy/loading indicator dialog while processing long-running operations.
Confirm Dialog link
Use DialogService.Confirm() to display a confirmation dialog with customizable buttons and messages.
Alert Dialog link
Use DialogService.Alert() to display simple alert messages to users.
Prevent dialog from closing link
Use the CanClose callback to prevent a dialog from closing when the user clicks the X button, overlay, or presses ESC. Return false to block the close. Programmatic Close() calls always succeed.
Close Dialog by clicking outside link
Enable CloseDialogOnOverlayClick to allow users to close the dialog by clicking on the overlay backdrop.
Side Dialog link
Position dialogs on the side of the screen using custom CSS classes for slide-in panel effects.
Dialog with custom CSS classes link
Apply custom CSS classes to dialogs for complete styling customization and theming.
Update dialog properties link
Dynamically update dialog properties like title, width, and height at runtime using the cascading dialog reference.
Use the Dialog
Cascading Value
to update dialog properties
Frequently asked questions
How do I open a dialog in Blazor?
Inject DialogService and call Open or OpenAsync with a component or content; OpenAsync returns the dialog's result when it closes.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT