DxFontSettings Class

Contains the element’s font settings.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

public class DxFontSettings :
    DxSettingsComponent<FontSettingsModel>

Remarks

Use DxFontSettings objects to customize font settings for the following components:

• DxTitleSettings
• DxSubtitleSettings
• DxLegendTitleSettings
• DxLegendSubtitleSettings
• DxTooltipSettings
• DxBarGaugeLabelSettings
• DxBarGaugeLegendSettings
• DxSankeyLabelSettings
• DxRangeSelectorScaleLabel
• DxRangeSelectorSliderMarker

Component-Level Settings

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

Color | OpacitySpecify the text color and its transparency.Family | WeightSpecify font style settings.SizeSpecifies font size.

Example

The following code snippet customizes font settings of the DxBarGauge title:

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    @* ... *@
    <DxTitleSettings Text="Series Ratings">
        <DxFontSettings Color="purple" Opacity="0.8"
                        Size="28" Weight="600" />
    </DxTitleSettings>
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
}

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object ComponentBase DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.FontSettingsModel> DxFontSettings

See Also

DxFontSettings Members

DevExpress.Blazor Namespace