GridBreakpointSettings.WrapCaptionAtWidth Property

Gets or sets the width at which the Form Layout item’s caption is wrapped.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

C#

[DefaultValue(0)]
public int WrapCaptionAtWidth { get; set; }

VB.NET

<DefaultValue(0)>
Public Property WrapCaptionAtWidth As Integer

Property Value

Type	Default	Description
Int32	0	An integer value specifying the control width.

Property Paths

You can access this nested property as listed below:

Show 13 property paths

Library	Object Type	Path to WrapCaptionAtWidth
ASP.NET Bootstrap Controls	BootstrapCardViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	BootstrapGridViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	BootstrapLayoutGroup	.GridSettings.WrapCaptionAtWidth
ASP.NET Web Forms Controls	CardViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	FormLayoutAdaptivitySettings	.GridSettings.WrapCaptionAtWidth
	GridLayoutGroup	.GridSettings.WrapCaptionAtWidth
	GridViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	LayoutGroup	.GridSettings.WrapCaptionAtWidth
	MVCxCardViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	MVCxFormLayoutGroup	.GridSettings.WrapCaptionAtWidth
	MVCxFormLayoutGroup<ModelType>	.GridSettings.WrapCaptionAtWidth
	MVCxGridViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	MVCxGridViewLayoutGroup<ModelType>	.GridSettings.WrapCaptionAtWidth

Remarks

The WrapCaptionAtWidth property is in effect if the LayoutItemCaptionSettings.AllowWrapCaption property is set to true.

ASPX

<dx:ASPxFormLayout runat="server" ID="ASPxFormLayout" Width="100%" ClientInstanceName="FormLayout">
    <Items>
        <dx:LayoutGroup Width="100%" Caption="Registration Form" ColumnCount="3">
            <GridSettings StretchLastItem="true" WrapCaptionAtWidth="660">
                <Breakpoints>
                    <dx:LayoutBreakpoint MaxWidth="500" ColumnCount="1" Name="S" />
                    <dx:LayoutBreakpoint MaxWidth="800" ColumnCount="2" Name="M" />
                </Breakpoints>
            </GridSettings>
            <Items>
            ...
            </Items>
        </dx:LayoutGroup>
    </Items>
</dx:ASPxFormLayout>

Concept

Adaptivity

Online Demo

Form Layout - Adaptive Grid Layout