DxSubtitleSettings Class

Contains subtitle settings.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxSubtitleSettings :
    SubtitleBaseSettings

Remarks

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

DxBarGaugeA component that visualizes data as circular bars where each bar indicates a single value.DxSankeyA component that depicts value flow between two entity sets.DxRangeSelectorAn interactive component that visualizes data on a linear scale and allows users to select a value range.

Show Nested Component Structure

DxTitleSettings
- DxFontSettings
- DxMarginSettings
- DxSubtitleSettings
  - DxFontSettings

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:

OffsetSpecifies vertical subtitle offset from the title.TextSpecifies subtitle text.TextOverflow | WordWrapSpecify 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:

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 };
    // ...
}

Implements

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