DxFontSettings Class
Contains the element’s font settings.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.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 | Opacity
- Specify the text color and its transparency.
- Family | Weight
- Specify font style settings.
- Size
- Specifies 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 };
}
Inheritance
Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.FontSettingsModel>
DxFontSettings
See Also