Skip to main content
All docs
V25.1
  • TitleBaseSettings.VerticalAlignment Property

    Specifies vertical title alignment.

    Namespace: DevExpress.Blazor.Base

    Assembly: DevExpress.Blazor.v25.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 };
    }
    
    See Also