How do I add semi-circle gauge for radwindow

2 posts, 0 answers
  1. Hakan
    Hakan avatar
    1 posts
    Member since:
    Nov 2011

    Posted 20 Dec 2011 Link to this post

    Help me pls, 


    <telerik:RadWindow
        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.
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 22 Dec 2011 Link to this post

    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: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 >>

  3. DevCraft banner
Back to Top