MenuSettingsAdaptivity.EnableCollapseRootItemsToIcons Property

Allows you to hide menu root item texts (and display only icons) when you minimize the browser window’s width.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

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

VB.NET

<DefaultValue(False)>
Public Property EnableCollapseRootItemsToIcons As Boolean

Property Value

Type	Default	Description
Boolean	false	true, to hide item texts; otherwise, false.

Property Paths

You can access this nested property as listed below:

Library	Object Type	Path to EnableCollapseRootItemsToIcons
ASP.NET MVC Extensions	MenuSettings	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
ASP.NET Web Forms Controls	ASPxMenu	.SettingsAdaptivity .EnableCollapseRootItemsToIcons

Remarks

The EnableCollapseRootItemsToIcons property is in effect if the MenuSettingsAdaptivity.Enabled property is set to true.

The ASPxMenu hides menu root item texts (and displays only icons) when you minimize the browser window’s width (MenuSettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth property).

ASPX

<dx:ASPxMenu ID="ASPxMenu1" runat="server">
    <SettingsAdaptivity Enabled="True" EnableCollapseRootItemsToIcons="True" />
        <Items>
            <dx:MenuItem Name="Home" Text="Home">
                <Items>
                    <dx:MenuItem Name="Profile" Text="Profile" />
                    <dx:MenuItem Name="Settings" Text="Settings" />
                    <dx:MenuItem Name="Exit" Text="Exit" />
                </Items>
                <Image Height="24px" Url="~/Content/Images/Home.svg" Width="24px" />
            </dx:MenuItem>
            <!--...-->
        </Items>
</dx:ASPxMenu>