Layout

RadzenLayout allows you to define the global layout of your application (usually used in MainLayout.razor). It has header, sidebar, body and footer sections which correspond to the `RadzenHeader`, `RadzenSidebar`, `RadzenBody` and `RadzenFooter` components. Sections are optional and can be omitted.

Sidebar, Header and Footer link

Header

Body

Full height Sidebar link

Header

Body

Right Sidebar link

Header

Body

Right full height Sidebar link

Header

Body

Right and Left Sidebar link

Header

Body

Icon Sidebar link

Header

Overview
Dashboard
UI Fundamentals
- Themes
- Colors

Body

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

Enjoy Material 3

Layout

RadzenLayout allows you to define the global layout of your application (usually used in MainLayout.razor). It has header, sidebar, body and footer sections which correspond to the RadzenHeader, RadzenSidebar, RadzenBody and RadzenFooter components. Sections are optional and can be omitted.

Sidebar, Header and Footer link

Full height Sidebar link

Right Sidebar link

Right full height Sidebar link

Right and Left Sidebar link

Icon Sidebar link

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.

Radzen Blazor Studio

RadzenLayout allows you to define the global layout of your application (usually used in MainLayout.razor). It has header, sidebar, body and footer sections which correspond to the `RadzenHeader`, `RadzenSidebar`, `RadzenBody` and `RadzenFooter` components. Sections are optional and can be omitted.

Radzen
Blazor Studio