GridBreakpointSettings.WrapCaptionAtWidth Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.1.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 Controls and MVC Extensions	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
ASP.NET Bootstrap Controls	BootstrapCardViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	BootstrapGridViewLayoutGroup	.GridSettings.WrapCaptionAtWidth
	BootstrapLayoutGroup	.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