DxFormLayout.CaptionPosition Property

Specifies the caption position.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public CaptionPosition CaptionPosition { get; set; }

Property Value

Type Description
CaptionPosition

One of the enumeration values.

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, or tab page, use the corresponding object’s CaptionPosition property. Individual settings have higher priority.

Vertical Caption Position

<DxFormLayout CaptionPosition="CaptionPosition.Vertical">
    <DxFormLayoutItem Caption="Location:" >
      // ...
    </DxFormLayoutItem>
    <DxFormLayoutItem Caption="Check in:" >
      // ...
    </DxFormLayoutItem>
</DxFormLayout>

Run Demo: Form Layout - Caption Position

See Also