Marker showing up behind Gauge Range

[Robert]

Having a problem where my marker is showing up behind the background on my gauge range. Here is my code. 

 

  <telerik:VerticalLinearScale IsInteractive="False" Max="100" Min="0" Foreground="Black" >
                        <telerik:GaugeRange Min="0" Max="80" Background="Green"></telerik:GaugeRange>
                        <telerik:GaugeRange Min="80" Max="100" Background="Red"></telerik:GaugeRange>
                        <telerik:LinearScaleMarker  x:Name="indicator" telerik:LinearScale.RotateForVertical="True" telerik:ScaleObject.Location="OverCenter"  Value="{Binding Path=myEngine.PercentLoaded}" />
                    </telerik:VerticalLinearScale>

 

Everything works fine, its just that the marker is behind the gauge range backgrounds.

[Ivan]

Hi Robert,

To achieve your goal you can put the LinearScaleMarker inside the Indicators collection of the VerticalLinearScale control. Here is you code modified, so the marker is on top:

<telerik:VerticalLinearScale IsInteractive="False" Max="100" Min="0"
                             Foreground="Black" >

 <telerik:GaugeRange Min="0" Max="80" Background="Green" />

 <telerik:GaugeRange Min="80" Max="100" Background="Red" />

 <telerik:VerticalLinearScale.Indicators>

    <telerik:LinearScaleMarker x:Name="indicator"

     telerik:LinearScale.RotateForVertical="True"

     telerik:ScaleObject.Location="OverCenter"

      Value="25" />

 </telerik:VerticalLinearScale.Indicators>      

</telerik:VerticalLinearScale>

You can also take a look at the Creating Linear Gauge SDK demo.

Regards,
Ivan
Telerik