GridToolbarSettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth Property

Gets or sets a value that defines the maximum browser window inner width when the toolbar hides an items’ text and displays only icons.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.1.dll

Declaration

C#

[DefaultValue(575)]
public int CollapseRootItemsToIconsAtWindowInnerWidth { get; set; }

VB.NET

<DefaultValue(575)>
Public Property CollapseRootItemsToIconsAtWindowInnerWidth As Integer

Property Value

Type	Default	Description
Int32	575	The browser inner window width in pixels.

Property Paths

You can access this nested property as listed below:

Object Type	Path to CollapseRootItemsToIconsAtWindowInnerWidth
TreeListToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
CardViewToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
GridToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
GridViewToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
MVCxCardViewToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
MVCxGridViewToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
MVCxTreeListToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
MVCxVerticalGridToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth
VerticalGridToolbar	.SettingsAdaptivity.CollapseRootItemsToIconsAtWindowInnerWidth

Remarks

The toolbar hides the text of its items and displays only icons when the browser window’s width is less than the value defined by the CollapseRootItemsToIconsAtWindowInnerWidth property.

The CollapseRootItemsToIconsAtWindowInnerWidth property is in effect only when the Enabled and the EnableCollapseRootItemsToIcons properties are set to true.

ASPX

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

Concept

Toolbars

Online Demo

ASPxGridView - Toolbar