Back to Devexpress

DxFormLayout.ItemCaptionAlignment Property

blazor-devexpress-dot-blazor-dot-dxformlayout.md

latest2.4 KB
Original Source

DxFormLayout.ItemCaptionAlignment Property

Specifies how caption paddings are calculated in the Form Layout component.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(ItemCaptionAlignment.InGroups)]
[Parameter]
public ItemCaptionAlignment ItemCaptionAlignment { get; set; }

Property Value

TypeDefaultDescription
ItemCaptionAlignmentInGroups

An ItemCaptionAlignment enumeration value.

|

Available values:

NameDescription
None

The caption width is equal to the width of its content.

| | InGroups |

The width of all the captions in a group is set to the width of the longest caption in this group.

| | All |

The width of all the captions in Form Layout is set to the width of the longest caption in the component.

|

Remarks

Use the ItemCaptionAlignment property to specify how the paddings are calculated between the captions and corresponding editors.

The following code snippet sets the ItemCaptionAlignment property to All.

razor
<DxFormLayout ItemCaptionAlignment="ItemCaptionAlignment.All">
    <DxFormLayoutGroup Caption="Personal information">
        <DxFormLayoutItem Caption="Full Name:">
            <DxTextBox Text="Mary Smith" />
        </DxFormLayoutItem>
        @* ... *@
    </DxFormLayoutGroup>
    <DxFormLayoutGroup Caption="Employment Information">
        @* ... *@
    </DxFormLayoutGroup>
</DxFormLayout>

In the following example, the ItemCaptionAlignment property is set to InGroups:

In the following example, the ItemCaptionAlignment property is set to None:

See Also

DxFormLayout Class

DxFormLayout Members

DevExpress.Blazor Namespace