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.
Use DialogService to open any Blazor component or page as a modal dialog.
Display a dialog inline within the page content without using the DialogService.
Show a busy/loading indicator dialog while processing long-running operations.
Use DialogService.Confirm() to display a confirmation dialog with customizable buttons and messages.
Use DialogService.Alert() to display simple alert messages to users.
Enable CloseDialogOnOverlayClick to allow users to close the dialog by clicking on the overlay backdrop.
Position dialogs on the side of the screen using custom CSS classes for slide-in panel effects.
Apply custom CSS classes to dialogs for complete styling customization and theming.
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