MenuSettingsAdaptivity.EnableCollapseRootItemsToIcons Property

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

Assembly : DevExpress.Web.v25.2.dll

Declaration

C#
VB.NET

csharp

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

<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

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>