How to Hide the border on a Gauge?

5 posts, 1 answers
  1. Richard
    Richard avatar
    11 posts
    Member since:
    Jul 2014

    Posted 03 Nov 2014 Link to this post

    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>



  2. Richard
    Richard avatar
    11 posts
    Member since:
    Jul 2014

    Posted 03 Nov 2014 in reply to Richard Link to this post

    Where are my attached images? Trying again!!! LOL! 
  3. UI for WPF is Visual Studio 2017 Ready
  4. Richard
    Richard avatar
    11 posts
    Member since:
    Jul 2014

    Posted 03 Nov 2014 in reply to Richard Link to this post

    attach Images attempt number 3
  5. Answer
    Martin
    Admin
    Martin avatar
    1101 posts

    Posted 04 Nov 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Richard
    Richard avatar
    11 posts
    Member since:
    Jul 2014

    Posted 04 Nov 2014 in reply to Martin Link to this post

    Thank you! I knew there was a simple way to do this but nothing I tried worked! This is perfect!
Back to Top
UI for WPF is Visual Studio 2017 Ready