This is a migrated thread and some comments may be shown as answers.

Change Scale Background

1 Answer 120 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
jamesg
Top achievements
Rank 1
jamesg asked on 01 May 2017, 07:42 PM

Hello,

I recently upgraded one of our ASP.NET 4 applications from Q2 2014  to the latest 2017 and noticed that the background for the scale changed from gray to white (see attached) and I have not been able to find a way to change it back.  I looked within the Telerik demos and found that I'm able to change the BackColor, but it changes it for the entire RadLinearGauge tag.  Is there any way to accomplish this?

<telerik:RadLinearGauge ID="radInstalledFE" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="10pt" Skin="Office2010Black" Width="420px" ForeColor="Black" Height="90px">
                                <Pointer Shape="BarIndicator" Value="15" Size="30" Color="#5ca038">
                                    <Track Opacity="0.2" Size="30" Color="Black" />
                                </Pointer>
                                <Scale MajorTicks-Size="10" MinorTicks-Size="5" Vertical="False" MinorTicks-Color="Black" MajorTicks-Color="Black" Labels-Color="Black" Labels-Font="Verdana" Labels-Position="Outside" MinorTicks-Visible="False"></Scale>
 </telerik:RadLinearGauge>


1 Answer, 1 is accepted

Sort by
0
Stamo Gochev
Telerik team
answered on 04 May 2017, 08:41 AM
Hello Gary,

A property that specifies the background color of the scale is not currently available, but you can send a feature request for such an improvement in our Feedback Portal:

https://feedback.telerik.com/Project/108/

I cannot provide any workaround for the old behavior, so the only option is to change the background of the whole gauge as you mentioned:

<telerik:RadLinearGauge ID="radInstalledFE" runat="server" Font-Bold="True"
    Font-Names="Verdana" Font-Size="10pt" Skin="Black" Width="420px" ForeColor="Black" Height="90px">
    <Appearance BackgroundColor="Gray" />
    <Pointer Shape="BarIndicator" Value="15" Size="30" Color="#5ca038">
        <Track Opacity="0.2" Size="30" Color="Black" />
    </Pointer>
    <Scale MajorTicks-Size="10" MinorTicks-Size="5" Vertical="False"
        MinorTicks-Color="Black" MajorTicks-Color="Black" Labels-Color="Black"
        Labels-Font="Verdana" Labels-Position="Outside" MinorTicks-Visible="False">
 
        <Ranges>
            <telerik:GaugeRange From="18" To="100" Color="Red" />
        </Ranges>
    </Scale>
</telerik:RadLinearGauge>
Regards,
Stamo Gochev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Gauge
Asked by
jamesg
Top achievements
Rank 1
Answers by
Stamo Gochev
Telerik team
Share this question
or