GridToolbarSettingsAdaptivity.EnableCollapseRootItemsToIcons Property

Specifies whether the toolbar hides its items’ text and displays only icons when the browser window width is changed.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.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 an item text; otherwise, false.

Property Paths

You can access this nested property as listed below:

Library	Object Type	Path to EnableCollapseRootItemsToIcons
ASP.NET Controls and MVC Extensions	TreeListToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	CardViewToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	GridToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	GridViewToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	VerticalGridToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
ASP.NET MVC Extensions	MVCxCardViewToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	MVCxGridViewToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	MVCxTreeListToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons
	MVCxVerticalGridToolbar	.SettingsAdaptivity .EnableCollapseRootItemsToIcons

Remarks

Use the CollapseRootItemsToIconsAtWindowInnerWidth property to specify the maximum browser window inner width when the toolbar hides items’ text and displays only icons.

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

ASPX

<dx:ASPxGridView runat="server" ID="Grid" ...>
    <Toolbars>
        <dx:GridViewToolbar>
            <SettingsAdaptivity Enabled="true" EnableCollapseRootItemsToIcons="true"
            CollapseRootItemsToIconsAtWindowInnerWidth="600" />
            <Items>
                <dx:GridViewToolbarItem Command="New" />
                <dx:GridViewToolbarItem Command="Edit" />
                ...
            </Items>
        </dx:GridViewToolbarItem>
        ...
    </Toolbars>
    <Columns>
    ...
    </Columns>    
</dx:ASPxGridView>

Concept

Toolbars

Online Demo

ASPxGridView - Toolbar