Home / Community & Support / Developer Productivity Tools Forums / Silverlight > Gauge > How do I add semi-circle gauge for radwindow

• Hakan

  Posted on Dec 20, 2011 (permalink)

  Help me pls, 
  
  
  

  <telerik:RadWindow

      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

      xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

      xmlns:data="clr-namespace:MySisEvo.Classes"

    

      xmlns:System_Linq_Expressions="clr-namespace:System.Linq.Expressions;assembly=System.Core" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" xmlns:System_Threading="clr-namespace:System.Threading;assembly=System.Core" x:Class="MySisEvo.Views.PanoSec"

      mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="888" Header="Pano Bilgileri"  Background="White" ResizeMode="NoResize" Loaded="RadWindow_Loaded" FontFamily="Arial" UseLayoutRounding="{Binding}">

      

          <telerik:RadWindow.Resources>

          <ResourceDictionary Source="/Telerik.Windows.Controls.Gauge;component/Themes/Generic.xaml" x:Key="asdf"/>

          <data:Entities x:Key="EntityObject" />

           

          <LinearGradientBrush x:Key="CoverFlowItemBackground" StartPoint="0.5,0" EndPoint="0.5,1">

              <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                      <GradientStop Color="#FFd1d1d1" Offset="0" />

                      <GradientStop Color="#FFd1d1d1" Offset="0.02" />

                      <GradientStop Color="#FF7a7a7a" Offset="0.24" />

                      <GradientStop Color="#FF999999" Offset="0.53" />

                      <GradientStop Color="#FFBABABA" Offset="0.98" />

                      <GradientStop Color="#FFbbbbbb" Offset="0.99" />

                  </GradientStopCollection>

              </LinearGradientBrush.GradientStops>

          </LinearGradientBrush>

   

          <LinearGradientBrush x:Key="CoverFlowItemBorderBrush"  EndPoint="0.5,1" StartPoint="0.5,0">

              <GradientStop Color="#CCE0E0E0"/>

              <GradientStop Color="#CCDEDEDE" Offset="1"/>

          </LinearGradientBrush>

   

          <Style x:Key="RadCoverFlowItemContainerStyle" TargetType="ListBoxItem">

              <Setter Property="Template">

                  <Setter.Value>

                      <ControlTemplate TargetType="telerik:RadCoverFlowItem">

                          <Border Background="{StaticResource CoverFlowItemBackground}" BorderBrush="{StaticResource CoverFlowItemBorderBrush}"

                              BorderThickness="1"  CornerRadius="3" telerik:RadCoverFlow.EnableLoadNotification="True">

                              <Image Source="{Binding ARC_RES1M}" Stretch="Uniform" Width="316" Height="223" Margin="9" />

                          </Border>

                      </ControlTemplate>

                  </Setter.Value>

              </Setter>

          </Style>

   

   

      </telerik:RadWindow.Resources>

  <telerik:RadialGauge x:Name="radialGauge"  Width="276" Height="153" Canvas.Left="72" Canvas.Top="1"  Style="{StaticResource RadialGaugeHalfCircleNStyle}">

                              <telerik:RadialScale x:Name="radialScale"  Min="1" Max="20" Style="{StaticResource RadialScaleHalfCircleNStyle}">

                                  <telerik:IndicatorList>

                                      <telerik:Needle x:Name="needle" IsAnimated="True" />

                                  </telerik:IndicatorList>

                              </telerik:RadialScale>

                          </telerik:RadialGauge>

  Thanks.

  Reply

• Andrey Andrey

  Posted on Dec 22, 2011 (permalink)

  Hello Hakan,
  
  In the 2011.Q3 release we introduced a new gauge control. It is almost new control designed from scratch. Some of its features are similar to the old control’s features but they are implemented in completely different way (using different set of properties), some features are completely new.
  Our demo application now references the new gauge control and demonstrates its features. You can look how to create the semicircle gauge of new gauge control using the following link:
  http://demos.telerik.com/silverlight/#Gauge/Customization/HalfCircleGauges

  Note, you should add the reference on the Telerik.Windows.Controls.DataVisualization.dll in your project for using the new gauge control. Also its elements use the Telerik.Windows.Controls.Gauge namespace.

  We are working on the help topics so they describe features of the new control as well. We strongly recommend using the new gauge control in the new applications.  To avoid cross-controls problems we’ve removed old control from the default Telerik namespace. But it still can be used in your XAML when you specify prefixes to its namespaces as following:

  <UserControl x:Class="OldGaugeControl.MainPage"

      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

      xmlns:gauge="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Gauge"

      xmlns:gauges="clr-namespace:Telerik.Windows.Controls.Gauges;assembly=Telerik.Windows.Controls.Gauge"

      mc:Ignorable="d"

      d:DesignHeight="300" d:DesignWidth="400">

      <Grid x:Name="LayoutRoot" Background="White">

          <gauge:RadGauge>

              <gauges:RadialGauge>

                  <gauges:RadialScale Name="radialScale">

                      <gauges:IndicatorList>

                          <gauges:Needle Value="75" />

                      </gauges:IndicatorList>

                  </gauges:RadialScale>

              </gauges:RadialGauge>

          </gauge:RadGauge>

      </Grid>

  </UserControl>

  All the best,
  Andrey Murzov
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Silverlight > Gauge > How do I add semi-circle gauge for radwindow