Dialog
Demonstration and configuration of the Radzen Blazor Dialog component.
These demos showcase modal dialogs using DialogService to open pages as dialogs, display inline content, show busy indicators, confirmation and alert dialogs, close-on-outside-click behavior, side dialogs, custom CSS styling, and cascading value updates for dynamic dialog properties.
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.
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
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT