FormLayoutItemBase.CaptionPosition Property
Namespace: DevExpress.Blazor.Base
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public CaptionPosition CaptionPosition { get; set; }
Property Value
Type | Description |
---|---|
CaptionPosition | A CaptionPosition enumeration value. |
Available values:
Name | Description |
---|---|
Vertical | Displays the caption above the associated editor. |
Horizontal | Displays the caption to the left of the item. |
Remarks
You can display the caption above an item (Vertical) or at its left (Horizontal). Use the item’s CaptionPosition
property to position a single item. To specify the position for all captions in the Form Layout component, layout group, tab pages, tab page, or item, use the corresponding object’s CaptionPosition property. Individual settings have higher priority.
In the following example, the CaptionPosition property of the second TabPage is set to Vertical.
<DxFormLayout>
<DxFormLayoutTabPages>
<DxFormLayoutTabPage CaptionPosition="CaptionPosition.Horizontal" Caption="Booking information">
<DxFormLayoutItem Caption="City:">
<DxTextBox Text="Sydney"></DxTextBox>
</DxFormLayoutItem>
@* ... *@
</DxFormLayoutTabPage>
<DxFormLayoutTabPage CaptionPosition="CaptionPosition.Vertical" Caption="Chosen Dates">
@* ... *@
</DxFormLayoutTabPage>
</DxFormLayoutTabPages>
</DxFormLayout>