DxFormLayout.ItemCaptionAlignment Property
Specifies how caption paddings are calculated in the Form Layout component.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(ItemCaptionAlignment.InGroups)]
[Parameter]
public ItemCaptionAlignment ItemCaptionAlignment { get; set; }
Property Value
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. |
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
.
<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
: