RadzenLayout Class

A layout container component that defines the overall structure of a Blazor application with header, sidebar, body, and footer sections. RadzenLayout is typically used in MainLayout.razor to create a consistent page structure with optional collapsible sidebar and theme integration. Works with companion components: RadzenHeader, RadzenSidebar, RadzenBody, and RadzenFooter. Automatically integrates with ThemeService to apply theme-specific CSS classes. All sections are optional and can be used in any combination to create the desired page structure. The sidebar can be configured as collapsible, and the layout adjusts automatically when the sidebar expands or collapses.

Inheritance

Implements

Inherited Members

Syntax

public class RadzenLayout : RadzenComponentWithChildren, IComponent, IHandleEvent, IHandleAfterRender

Examples

Basic layout with all sections:

<RadzenLayout>
    <RadzenHeader>
        <h1>My Application</h1>
    </RadzenHeader>
    <RadzenSidebar>
        <RadzenPanelMenu>
            @* Navigation menu items *@
        </RadzenPanelMenu>
    </RadzenSidebar>
    <RadzenBody>
        @Body
    </RadzenBody>
    <RadzenFooter>
        © 2026 My Company
    </RadzenFooter>
</RadzenLayout>

Constructors

public RadzenLayout()

Methods

protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)

public override void Dispose()

protected override string GetComponentCssClass()

protected override void OnInitialized()