GridToolbarSettingsAdaptivity.CollapseToSideMenuAtWindowInnerWidth Property

Gets or sets a value that defines the maximum browser window inner width when the toolbar collapses its items to the side menu.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

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

VB.NET

<DefaultValue(575)>
Public Property CollapseToSideMenuAtWindowInnerWidth 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:

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

Remarks

The toolbar collapses its items to the side menu when the browser inner width is less than the value defined by the CollapseToSideMenuAtWindowInnerWidth property.

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

ASPX

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

Concept

Toolbars

Online Demo

ASPxGridView - Toolbar