Tab

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

Declaration

[DefaultValue(false)]
public bool EnableCollapseRootItemsToIcons { get; set; }
<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
TreeListToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
CardViewToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
GridToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
GridViewToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
MVCxCardViewToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
MVCxGridViewToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
MVCxTreeListToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
MVCxVerticalGridToolbar
.SettingsAdaptivity.EnableCollapseRootItemsToIcons
VerticalGridToolbar
.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.

<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

See Also