DxMenuItem.AdaptivePriority Property
Specifies the order in which the Menu component hides root items’ text when the browser window is resized.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v21.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(0)]
[Parameter]
public int AdaptivePriority { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Int32 | 0 | The item priority. |
Remarks
The Menu component supports Sequentially adaptive mode. In this mode, the component hides root items’ text and displays icons instead when the width of the browser window changes. The default settings hide items’ text sequentially from the last item. To change this behavior, use the AdaptivePriority property that specifies the order in which their text is hidden (higher values are hidden first).
The code below forces the menu to hide text of its items in the following order: Support → Demos → Documentation.
<div class="card w-auto">
<DxMenu Title="DevExpress"
CollapseItemToIconMode="MenuCollapseItemToIconMode.Sequentially"
DisplayMode="MenuDisplayMode.Desktop">
<Items>
<DxMenuItem Text="Support"
IconCssClass="oi oi-person"
AdaptivePriority="2" />
<DxMenuItem Text="Documentation"
IconCssClass="oi oi-book"
AdaptivePriority="0" />
<DxMenuItem Text="Demos"
IconCssClass="oi oi-monitor"
AdaptivePriority="1" />
</Items>
</DxMenu>
</div>