DxSubtitleSettings.TextOverflow Property

Specifies how to display overflowing subtitle text.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(TextOverflow.Ellipsis)]
[Parameter]
public TextOverflow TextOverflow { get; set; }

Property Value

Type	Default	Description
TextOverflow	Ellipsis

An enumeration value.

Available values:

Name	Description
Ellipsis

Truncates text with an ellipsis.

| | Hide |

Hides overflowing text.

| | None |

Truncates text at the boundary of the content area.

Remarks

TextOverflow and WordWrap property values define how to display the subtitle’s text that overflows the content area and does not fit into one line.

Example

The following code snippet relies on drop-down menus to allow users to choose how to display the DxBarGauge subtitle:

razor

<DxBarGauge Width="30%"
            Height="500px"
            StartValue="-5"
            EndValue="5"
            BaseValue="0"
            Values="@Values">
    <DxTitleSettings Text="Deviations">
        <DxFontSettings Size="28" Weight="600" />
        <DxSubtitleSettings Text="Deviations in Manufactured Parts"
                            TextOverflow="@CurrentTextOverflowMode"
                            WordWrap="@CurrentWordWrapMode">
            <DxFontSettings Size="26" Weight="600" Opacity="0.7"/>
        </DxSubtitleSettings>
    </DxTitleSettings
    @* ... *@
</DxBarGauge>

@code {
    TextOverflow CurrentTextOverflowMode = TextOverflow.Ellipsis;
    WordWrap CurrentWordWrapMode = WordWrap.Normal;
    double[] Values = new double[] { -2.13, 1.48, -3.09, 4.52, 4.9, 3.9 };
    // ...
}