FormLayoutItemBase.CaptionPosition Property

Specifies an item’s Caption position.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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 associated editor.

Remarks

Form Layout can display a caption above an item or at its left. Use CaptionPosition properties to position item captions. Individual settings have higher priority.

Positioned Elements	Property
A single caption.	`DxFormLayoutItem.CaptionPosition`
All captions in a group.	`DxFormLayoutGroup.CaptionPosition`
All captions in a tab.	`DxFormLayoutTabPage.CaptionPosition`
All captions in all tabs.	`DxFormLayoutTabPages.CaptionPosition`
All captions in the component.	DxFormLayout.CaptionPosition

If there is not enough space for the caption, Form Layout moves it above the associated editor (the Vertical position) regardless of the CaptionPosition property value.

razor

<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>

Run Demo: Form Layout - Caption Position