blazor-devexpress-dot-blazor-dot-dxformlayout.md
Specifies how caption paddings are calculated in the Form Layout component.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(ItemCaptionAlignment.InGroups)]
[Parameter]
public ItemCaptionAlignment ItemCaptionAlignment { get; set; }
| Type | Default | Description |
|---|---|---|
| ItemCaptionAlignment | InGroups |
An ItemCaptionAlignment enumeration value.
|
Available values:
| Name | Description |
|---|---|
| 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.
|
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.
<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