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.v24.1.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:

Object Type	Path to EnableCollapseRootItemsToIcons
GridToolbar	.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