GitHub

Layout

Demonstration and configuration of the Radzen Blazor Layout component.

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

Sidebar
Body

Full height Sidebar

Sidebar
Body

Right Sidebar

Sidebar
Body

Right full height Sidebar

Sidebar
Body

Right and Left Sidebar

Left Sidebar
Body
Right Sidebar

Source Code licensed under MIT

An error has occurred. This application may no longer respond until reloaded. Reload 🗙