Dialog

Demonstration and configuration of the Radzen Blazor Dialog component.

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

Inline Dialog

Busy Dialog

Confirm Dialog

Alert Dialog

Close Dialog by clicking outside

Side Dialog

Position:

Right

Left

Top

Bottom

Show mask:

Close on overlay click:

Dialog with custom CSS classes

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

New

Radzen
Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.

Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

open_in_new Try Now play_circle_outline See in Action

Overview
Dashboard
Get Started
Support
UI Fundamentals
- Themes
- Colors
- Typography
- Icons
- Borders
- Shadows
- Ripple
- Breakpoints
- Spacing
DataGrid Updated
- Data-binding
- Virtualization
  - IQueryable support
  - LoadData support
- Columns Updated
- Filtering Updated
- Hierarchy Updated
- Selection Updated
- Sorting
- Paging Updated
- Grouping Updated
- Density
- Custom Header
  - Header with button
  - Header with column picker
- GridLines
- Cell Context Menu
- Save/Load settings Updated
  - IQueryable New
  - LoadData binding New
- InLine Editing
- Conditional formatting
- Export to Excel and CSV
- Cascading DropDowns
- Empty Data Grid
Data Updated
- DataList
  - IQueryable New
  - OData service New
- DataFilter
- Pager
- Scheduler Updated
- Tree
Images
- Gravatar
- Image
Layout
- Layout
- Stack
- Row
- Column
- Card Updated
- Dialog
- Panel
- Splitter
- Popup New
Navigation
- Accordion
- BreadCrumb
- ContextMenu
- Link
- Login
- Menu
- PanelMenu
- ProfileMenu
- Steps
- Tabs
Forms
- AutoComplete
- Button
- CheckBox
- CheckBoxList
- ColorPicker
- DatePicker
- DropDown
  - Single selection Updated
  - Multiple selection Updated
  - Virtualization Updated
  - Filtering Updated
  - Grouping Updated
  - Custom objects binding Updated
- DropDownDataGrid
- Fieldset
- FileInput
- FormField New
- HtmlEditor
  - Default Tools
  - Custom Tools
- ListBox
- Mask
- Numeric
- Password
- RadioButtonList
- Rating
- SelectBar
- Slider
- SpeechToTextButton New
- SplitButton
- Switch
- TemplateForm
- TextArea
- TextBox
- Upload
Data Visualization
- Chart Updated
  - Series
  - Area Chart
  - Bar Chart
  - Column Chart
  - Donut Chart
  - Line Chart
  - Pie Chart
  - Stacked Bar Chart
  - Stacked Column Chart
  - Axis
  - Legend
  - ToolTip
  - Trends
  - Annotations
  - Interpolation New
  - Styling Chart
- Arc Gauge
- Radial Gauge
- Styling Gauge
- Timeline New
- GoogleMap
Feedback
- Badge
- Notification
- Alert
  - Alert Configuration
  - Alert Styling
- ProgressBar Updated
- ProgressBarCircular New
- Tooltip
Validators