Skip to main content

DxMenu.TitleTemplate Property

Specifies the template for the menu title.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

Declaration

[Parameter]
public RenderFragment<object> TitleTemplate { get; set; }

Property Value

Type Description
RenderFragment<Object>

The template content.

Remarks

The TitleTemplate property specifies the template for the menu title. You can use the template’s context parameter to get the menu’s title. The code below uses this parameter to specify the alt attribute for the image.

<div class="card w-50">
    <DxMenu Title="DevExpress Logo">
        <TitleTemplate>
            <img width="120" src="images/Logo-Monochrome.svg" alt="@context" />
        </TitleTemplate>
        <Items>
            <DxMenuItem Text="Products" IconCssClass="oi oi-layers" />
            <DxMenuItem Text="Support" IconCssClass="oi oi-person" />
            <DxMenuItem Text="Documentation" IconCssClass="oi oi-book" />
            <DxMenuItem Text="Demos" IconCssClass="oi oi-monitor" />
        </Items>
    </DxMenu>
</div>

Title Template

Run Demo: Menu - Templates

See Also