TitleBaseSettings.VerticalAlignment Property

Specifies vertical title alignment.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(VerticalEdge.Top)]
[Parameter]
public VerticalEdge VerticalAlignment { get; set; }

Property Value

Type	Default	Description
VerticalEdge	Top	An enumeration value.

Available values:

Name	Description
Top	Top alignment.
Bottom	Bottom alignment.

Remarks

Specify the VerticalAlignment property to align the title vertically.

The following code snippet changes title alignment in the DxBarGauge legend:

<DxBarGauge Width="30%"
            Height="200px"
            StartValue="-5"
            EndValue="5"
            BaseValue="0"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true">
        <DxLegendTitleSettings Text="Legend Title"
                               HorizontalAlignment="HorizontalAlignment.Right"
                               VerticalAlignment="VerticalEdge.Bottom">
            <DxLegendSubtitleSettings Text="Legend Subtitle" >
                <DxFontSettings Color="orange" />
            </DxLegendSubtitleSettings>
        </DxLegendTitleSettings>
    </DxBarGaugeLegendSettings>
</DxBarGauge>

@code {
    double[] Values = new double[] { -2.13, 1.48, -3.09, 4.52, 4.9, 3.9 };
}