Change Scale Background

2 posts, 0 answers
  1. jamesg
    jamesg avatar
    1 posts
    Member since:
    Mar 2017

    Posted 01 May 2017 Link to this post

    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>


  2. Stamo Gochev
    Admin
    Stamo Gochev avatar
    189 posts

    Posted 04 May 2017 Link to this post

    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.
Back to Top