Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxSubtitleSettings Class

Contains subtitle settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

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