DxSubtitleSettings.TextOverflow Property

Specifies how to display overflowing subtitle text.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[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:

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