How to Hide the border on a Gauge?

[Richard]

I need a vertical scale to be displayed next to an image that have a moving png image. I've used a Telerik Vertical Gauge and a Linear Scale but my client doesn't want to see the gauge borders. How can I customize the gauge to remove the borders without making the scale disappear? Visibility and opactiy makes everything invisible so that's not going to work! Thank you. Here's my xaml and images of what I need and what I have! I appreciate your help!

                    <telerik:RadVerticalLinearGauge Grid.Row="2"
                                                    Visibility="Visible" 
                                                    Opacity=".65" 
                                                    Foreground="LightBlue" 
                                                    Background="LightBlue"  
                                                    Margin="15,0,162,0" 
                                                    BorderBrush="LightBlue"  
                                                    BorderThickness = "0,0,0,0">
                        <telerik:VerticalLinearScale Max="{Binding MastScaleMax.Value}" 
                                                     MajorTickRelativeWidth="5" 
                                                     ClipToBounds="True" 
                                                     FontWeight="ExtraBold"  
                                                     Min="-10"  
                                                     MajorTicks="{Binding MastScaleMax.Value,Converter={StaticResource MyIncrementCalculatorConverter}}" 
                                                     MinorTicks="5" 
                                                     BorderBrush="LightBlue" BorderThickness="0,0,0,0" Margin="18,-20,15,0" Height="644" VerticalAlignment="Top">
                            <telerik:Marker x:Name="TopDriveMarker" Opacity="0" telerik:ScaleObject.RelativeWidth="0.1*" 
                                            telerik:ScaleObject.RelativeHeight="0.05*" Width="5" Height="5" 
                                            Value="{Binding ElevatorPosition.Value}" 
                                            telerik:ScaleObject.Location="OverCenter" Margin="0,0,0,0">
                            </telerik:Marker>
                        </telerik:VerticalLinearScale>
                    </telerik:RadVerticalLinearGauge>

[Richard]

Where are my attached images? Trying again!!! LOL! 

[Richard]

attach Images attempt number 3

[Martin Ivanov]

Hi Richard,

In order to remove the Border and the outer Background of the gauge you can use its OuterBackground and OuterBorderBrush properties and set them to Transparent.

<telerik:RadVerticalLinearGauge OuterBackground="Transparent" OuterBorderBrush="Transparent" >

Please let me know if this works for you.

Regards,
Martin
Telerik

 

 

[Richard]

Thank you! I knew there was a simple way to do this but nothing I tried worked! This is perfect!