DxMenu.ItemsStretched Property

Specify whether to stretch menu items to fill all available space in the menu container.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool ItemsStretched { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to stretch items; otherwise, false

Remarks

Use the ItemsStretched property to stretch all menu items. To stretch an individual menu item, use the DxMenuItem.Stretched property.

Mobile and tablet devices cannot stretch items.

<div class="card w-50">
    <DxMenu Title="DevExpress"
            ItemsPosition="ItemPosition.Center"
            ItemsStretched="true">
        <Items>
            <DxMenuItem Text="Products" IconCssClass="oi oi-layers" />
            <DxMenuItem Text="Support" IconCssClass="oi oi-person" />
            <DxMenuItem Text="Documentation" IconCssClass="oi oi-book" />
        </Items>
    </DxMenu>
</div>