Skip to main content
All docs
V25.1
  • DxSubtitleSettings Class

    Contains subtitle settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxSubtitleSettings :
        SubtitleBaseSettings

    Remarks

    Use DxSubtitleSettings objects to configure subtitle settings for the following components:

    DxBarGauge
    A component that visualizes data as circular bars where each bar indicates a single value.
    DxSankey
    A component that depicts value flow between two entity sets.
    DxRangeSelector
    An interactive component that visualizes data on a linear scale and allows users to select a value range.
    Show Nested Component Structure

    To create a subtitle, add a DxSubtitleSettings object to DxTitleSettings component markup.

    The DxSubtitleSettings component allows you to specify the following properties at the component level:

    Offset
    Specifies vertical subtitle offset from the title.
    Text
    Specifies subtitle text.
    TextOverflow | WordWrap
    Specify how to display overflowing subtitle text.

    You can also add a DxFontSettings object to subtitle markup to configure the subtitle’s font settings.

    Example

    The following code snippet customizes the Bar Gauge‘s title and subtitle:

    Bar Gauge - Title and Subtitle Customization

    <DxBarGauge Width="100%"
                Height="500px"
                StartValue="0"
                EndValue="100"
                Values="@Values">
        <DxTitleSettings Text="Custom Title"
                         VerticalAlignment="VerticalEdge.Bottom">
            <DxFontSettings Size="28" Weight="600" />
            <DxSubtitleSettings Text="Custom Subtitle">
                <DxFontSettings Opacity="0.5" Weight="500" />
            </DxSubtitleSettings>
        </DxTitleSettings>
        @* ... *@
    </DxBarGauge>
    
    @code {
        double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
        // ...
    }
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.SubtitleSettingsModel>
    DxComplexSettingsComponent<SubtitleBaseSettings, DevExpress.Blazor.ClientComponents.Internal.SubtitleSettingsModel>
    TextBaseSettings<SubtitleBaseSettings, DevExpress.Blazor.ClientComponents.Internal.SubtitleSettingsModel>
    SubtitleBaseSettings
    DxSubtitleSettings
    See Also