This is a migrated thread and some comments may be shown as answers.

How do I add semi-circle gauge for radwindow

1 Answer 60 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
Hakan
Top achievements
Rank 1
Hakan asked on 20 Dec 2011, 05:22 PM
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.

1 Answer, 1 is accepted

Sort by
0
Andrey
Telerik team
answered on 22 Dec 2011, 11:18 AM
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 >>

Tags
Gauge
Asked by
Hakan
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Share this question
or