diff --git a/knowledge-base/radialgauge-center-label.md b/knowledge-base/radialgauge-center-label.md new file mode 100644 index 0000000000..7e8ccbb67d --- /dev/null +++ b/knowledge-base/radialgauge-center-label.md @@ -0,0 +1,56 @@ +--- +title: Adding a Center Label in the RadialGauge +description: This article demonstrates how to add and center a label on the RadialGauge component in a Blazor application. +type: how-to +page_title: How to Center a Label on a RadialGauge in Blazor Applications +slug: radialgauge-center-label +tags: radialgauge, blazor, label, center, css, positioning +res_type: kb +ticketid: 1669777 +--- + +## Environment + + + + + + + + +
ProductRadialGauge for Blazor
+ + +## Description + +How to add a centered label to the RadialGauge component? + +## Solution + +To add and center a label on the RadialGauge, wrap the RadialGauge inside a `div` element and use a `span` element for the label. Afterward, apply CSS styles to these elements for appropriate positioning. + +````RAZOR +
+ + + + + + + + + + + + + + +
+ 100 HRS +
+
+```` + +## See Also + +- [Radial Gauge Overview](https://docs.telerik.com/blazor-ui/components/gauges/radial/overview)