From 9472a6dffcee51fbe3d929993bf66db0f7e02250 Mon Sep 17 00:00:00 2001 From: Dimo Dimov <961014+dimodi@users.noreply.github.com> Date: Mon, 16 Jun 2025 13:44:33 +0300 Subject: [PATCH 1/2] doc(Gauges): Document label Position parameter --- components/gauges/arc/labels.md | 41 +++++++++++++++++++++++++--- components/gauges/circular/labels.md | 41 +++++++++++++++++++++++++--- 2 files changed, 74 insertions(+), 8 deletions(-) diff --git a/components/gauges/arc/labels.md b/components/gauges/arc/labels.md index 48ece6bda1..56cfdaaee8 100644 --- a/components/gauges/arc/labels.md +++ b/components/gauges/arc/labels.md @@ -13,13 +13,10 @@ position: 20 You can customize the appearance of the labels rendered on the [scale](slug:arc-gauge-scale) of the Arc Gauge by using the ``, child tag of the ``, and the parameters it exposes: * [Format](#format) - * [Center Template](#center-template) - +* [Position](#position) * [Color](#color) - * [Visible](#visible) - * [Additional Customization](#additional-customization) ## Format @@ -87,6 +84,42 @@ The center template allows you to take control of the rendering of the central s ```` +## Position + +The `Position` parameter is of enum type `ArcGaugeScaleLabelsPosition` and determines whether the Gauge labels are on the inside (default) or outside of the Gauge graphic. Labels on the inside allow for a visually larger component on the same available space. + +>caption Setting Arc Gauge label position + +````RAZOR + + + + + + + + + + + + + + + + + + + + + + + + + +```` + ## Color The `Color` (`string`) parameter controls the color of the labels. It accepts **CSS**, **HEX** and **RGB** colors. diff --git a/components/gauges/circular/labels.md b/components/gauges/circular/labels.md index d5eca523e7..5551dc9714 100644 --- a/components/gauges/circular/labels.md +++ b/components/gauges/circular/labels.md @@ -13,13 +13,10 @@ position: 15 You can customize the appearance of the labels rendered on the [scale](slug:circular-gauge-scale) of the Circular Gauge by using the ``, child tag of the ``, and the parameters it exposes: * [Format](#format) - * [Center Template](#center-template) - +* [Position](#position) * [Color](#color) - * [Visible](#visible) - * [Additional Customization](#additional-customization) ## Format @@ -91,6 +88,42 @@ The center template allows you to take control of the rendering of the central s ```` +## Position + +The `Position` parameter is of enum type `CircularGaugeScaleLabelsPosition` and determines whether the Gauge labels are on the inside (default) or outside of the Gauge graphic. Labels on the inside allow for a visually larger component on the same available space. + +>caption Setting Circular Gauge label position + +````RAZOR + + + + + + + + + + + + + + + + + + + + + + + + + +```` + ## Color The `Color` (`string`) parameter controls the color of the labels. It accepts **CSS**, **HEX** and **RGB** colors. From 5178c0404ab6f921f60491a44b0cb38e2aa3b628 Mon Sep 17 00:00:00 2001 From: Dimo Dimov <961014+dimodi@users.noreply.github.com> Date: Mon, 16 Jun 2025 16:36:20 +0300 Subject: [PATCH 2/2] Update components/gauges/arc/labels.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> --- components/gauges/arc/labels.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/gauges/arc/labels.md b/components/gauges/arc/labels.md index 56cfdaaee8..0455af3ed6 100644 --- a/components/gauges/arc/labels.md +++ b/components/gauges/arc/labels.md @@ -86,7 +86,7 @@ The center template allows you to take control of the rendering of the central s ## Position -The `Position` parameter is of enum type `ArcGaugeScaleLabelsPosition` and determines whether the Gauge labels are on the inside (default) or outside of the Gauge graphic. Labels on the inside allow for a visually larger component on the same available space. +The `Position` parameter is of enum type `ArcGaugeScaleLabelsPosition` and determines whether the Gauge labels are on the inside (default) or outside of the Gauge graphic. Labels on the inside allow for a visually larger component within the same available space. >caption Setting Arc Gauge label position