diff --git a/components/gauges/arc/labels.md b/components/gauges/arc/labels.md index 48ece6bda..0455af3ed 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 within 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 d5eca523e..5551dc971 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.