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

Body

Full height Sidebar

Body

Right Sidebar

Body

Right full height Sidebar

Body

Right and Left Sidebar

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 Updated
Get Started
Support
UI Fundamentals
- Colors
- Typography
- Icons
- Borders
- Shadows
- Ripple
- Breakpoints New
- Spacing New
DataGrid Updated
- Data-binding
- Virtualization
  - IQueryable support
  - LoadData support
- Columns Updated
- Filtering Updated
- Hierarchy Updated
- Selection Updated
- Sorting
- Paging Updated
- Grouping Updated
- Density New
- Custom Header New
  - Header with button
  - Header with column picker
- GridLines New
- 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
- DataFilter
  - IQueryable New
  - OData service New
- Pager
- Scheduler Updated
- Tree
Images
- Gravatar
- Image
Layout
- Layout New
- Stack New
- Row New
- Column New
- Card Updated
- Dialog Updated
- Panel
- Splitter
Navigation
- Accordion
- BreadCrumb
- ContextMenu
- Link
- Login Updated
- Menu Updated
- PanelMenu
- ProfileMenu
- Steps Updated
- Tabs
Forms
- AutoComplete
- Button Updated
- CheckBox
- CheckBoxList
- ColorPicker
- DatePicker
- DropDown
  - Single selection Updated
  - Multiple selection Updated
  - Virtualization Updated
  - Filtering Updated
  - Grouping Updated
  - Custom objects binding Updated
- DropDownDataGrid
- Fieldset
- FileInput
- HtmlEditor
  - Default Tools
  - Custom Tools
- ListBox
- Mask
- Numeric
- Password
- RadioButtonList
- Rating
- SelectBar Updated
- Slider
- SpeechToTextButton New
- SplitButton Updated
- Switch
- TemplateForm
- TextArea
- TextBox
- Upload
Data Visualization
- Chart Updated
- Arc Gauge
- Radial Gauge
- Styling Gauge
- GoogleMap
Feedback
- Badge Updated
- Notification
- Alert New
  - Alert Configuration
  - Alert Styling
- ProgressBar Updated
- Tooltip
Validators

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

Full height Sidebar

Right Sidebar

Right full height Sidebar

Right and Left Sidebar

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