Tab

GridToolbarSettingsAdaptivity.EnableCollapseToSideMenu Property

Specifies whether the toolbar should be collapsed to the side menu when the browser window width is changed.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

Declaration

[DefaultValue(false)]
public bool EnableCollapseToSideMenu { get; set; }
<DefaultValue(False)>
Public Property EnableCollapseToSideMenu As Boolean

Property Value

Type Default Description
Boolean

false

true, to collapse the toolbar to the side menu; otherwise, false.

Property Paths

You can access this nested property as listed below:

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

Remarks

Use the CollapseToSideMenuAtWindowInnerWidth property to specify the maximum browser window inner width when the toolbar collapses its items to the side menu.

<dx:ASPxGridView runat="server" ID="Grid" ...>
    <Toolbars>
        <dx:GridViewToolbar>
            <SettingsAdaptivity Enabled="true" EnableCollapseToSideMenu="true" 
            CollapseToSideMenuAtWindowInnerWidth="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