How to make "lens" over linear gauge clear?

2 posts, 0 answers
  1. Terry
    Terry avatar
    157 posts
    Member since:
    Jul 2009

    Posted 19 Aug 2009 Link to this post

    Hi:

    i want to make the opaque "lens" over the linear gauge clear.  It seems to be the default behavior.  I can't see where it's set in your linear gauge example, but it makes readings at the high end of the scale a little fuzzy.
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 19 Aug 2009 Link to this post

    Hi Terry,

    You can remove the opaque "lens" with customizing the template of the LinearGauge element.
    Please see the following sample code:

    <UserControl x:Class="SilverlightGaugeExamples.Page" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   
        xmlns:control="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Gauge" 
        xmlns:gauge="clr-namespace:Telerik.Windows.Controls.Gauges;assembly=Telerik.Windows.Controls.Gauge" 
        Width="400" Height="300">  
        <Grid x:Name="LayoutRoot" Background="White">  
            <control:RadGauge Width="100" Height="250">  
                <gauge:LinearGauge> 
                    <gauge:LinearGauge.Template> 
                        <ControlTemplate TargetType="gauge:LinearGauge">  
                            <Border Background="{TemplateBinding Background}" 
                                BorderBrush="{TemplateBinding BorderBrush}" 
                                BorderThickness="{TemplateBinding BorderThickness}">  
                                <Grid> 
                                    <ContentControl> 
                                        <ContentControl.Template> 
                                            <ControlTemplate> 
                                                <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">  
                                                    <Border HorizontalAlignment="Stretch" 
                                                VerticalAlignment="Stretch" 
                                                BorderThickness="2" 
                                                CornerRadius="6" 
                                                RenderTransformOrigin="0.5,0.5">  
                                                        <Border.RenderTransform> 
                                                            <TransformGroup> 
                                                                <ScaleTransform ScaleY="-1" ScaleX="-1"/>  
                                                            </TransformGroup> 
                                                        </Border.RenderTransform> 
                                                        <Border.BorderBrush> 
                                                            <LinearGradientBrush EndPoint="0.703,0.957" StartPoint="0.297,0.043">  
                                                                <GradientStop Color="#FF828689" Offset="1"/>  
                                                                <GradientStop Color="#FFB2B3B4" Offset="0"/>  
                                                            </LinearGradientBrush> 
                                                        </Border.BorderBrush> 
                                                        <Border.Background> 
                                                            <LinearGradientBrush EndPoint="0.974451988955925,0.491356224416577" StartPoint="0.07,0.777113682471078">  
                                                                <GradientStop Color="#FF7D7D7D" Offset="0.032501"/>  
                                                                <GradientStop Color="#FF4D4D4D" Offset="0.036112000000000033"/>  
                                                                <GradientStop Color="#FF454545" Offset="0.381"/>  
                                                                <GradientStop Color="#FF9F9F9F" Offset="0.54500001668930054"/>  
                                                                <GradientStop Color="#FF656565" Offset="0.065002"/>  
                                                                <GradientStop Color="#FF1C1C1C" Offset="0.66"/>  
                                                                <GradientStop Color="#FF454545" Offset="0.068613000000000035"/>  
                                                                <GradientStop Color="#FF353535" Offset="0.72841"/>  
                                                                <GradientStop Color="#FF050505" Offset="0.987361"/>  
                                                            </LinearGradientBrush> 
                                                        </Border.Background> 
                                                        <Grid> 
                                                            <Grid.RowDefinitions> 
                                                                <RowDefinition Height="5*" /> 
                                                                <RowDefinition Height="235*" /> 
                                                                <RowDefinition Height="5*" /> 
                                                            </Grid.RowDefinitions> 
                                                            <Grid.ColumnDefinitions> 
                                                                <ColumnDefinition Width="18*" /> 
                                                                <ColumnDefinition Width="72*" /> 
                                                                <ColumnDefinition Width="18*" /> 
                                                            </Grid.ColumnDefinitions> 
     
                                                            <Border Grid.Row="1" 
                                                        Grid.Column="1" 
                                                        BorderThickness="2" 
                                                        CornerRadius="5">  
                                                                <Border.BorderBrush> 
                                                                    <LinearGradientBrush EndPoint="0.703,0.957" StartPoint="0.297,0.043">  
                                                                        <GradientStop Color="#FF7E8799" Offset="1"/>  
                                                                        <GradientStop Color="#FF9AA3B7" Offset="0"/>  
                                                                    </LinearGradientBrush> 
                                                                </Border.BorderBrush> 
                                                                <Border.Background> 
                                                                    <LinearGradientBrush EndPoint="0.731560051441193,0.96451336145401" StartPoint="0.465641626218786,0.0437715937207921">  
                                                                        <GradientStop Color="#19FFFFFF" Offset="0"/>  
                                                                        <GradientStop Color="#00FCFDFD" Offset="1"/>  
                                                                        <GradientStop Color="#7FFEFEFE" Offset="0.17834007948821778"/>  
                                                                        <GradientStop Color="#7FFCFDFD" Offset="0.77882614961605245"/>  
                                                                        <GradientStop Color="#CCFDFDFD" Offset="0.42692623137810026"/>  
                                                                    </LinearGradientBrush> 
                                                                </Border.Background> 
                                                            </Border> 
                                                        </Grid> 
                                                    </Border> 
                                                    <Grid> 
                                                        <Grid.RowDefinitions> 
                                                            <RowDefinition Height="8*" /> 
                                                            <RowDefinition Height="130*" /> 
                                                            <RowDefinition Height="107*" /> 
                                                        </Grid.RowDefinitions> 
                                                        <Grid.ColumnDefinitions> 
                                                            <ColumnDefinition Width="20*" /> 
                                                            <ColumnDefinition Width="68*" /> 
                                                            <ColumnDefinition Width="20*" /> 
                                                        </Grid.ColumnDefinitions> 
                                                    </Grid> 
                                                </Grid> 
                                            </ControlTemplate> 
                                        </ContentControl.Template> 
                                    </ContentControl> 
                                    <ItemsPresenter /> 
                                </Grid> 
                            </Border> 
                        </ControlTemplate> 
                    </gauge:LinearGauge.Template> 
                    <gauge:LinearScale x:Name="linearScale">  
                    </gauge:LinearScale> 
                </gauge:LinearGauge> 
            </control:RadGauge> 
        </Grid> 
    </UserControl> 
     

    Greetings,
    Andrey Murzov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. DevCraft banner
Back to Top