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

Windows 7 Theme

3 Answers 67 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
bill
Top achievements
Rank 1
bill asked on 20 Apr 2010, 04:57 AM


Hello,

  would it be possible to receive a sample app of a guage using the windows 7 style found here? I can not find all of the styles in the sample

http://demos.telerik.com/silverlight/#Gauge/Customization/RadialTickMarks 

thanks!

3 Answers, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 22 Apr 2010, 12:09 PM
Hello bill,

Here is the needed XAML:
<Grid x:Name="LayoutRoot">
     <Grid.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Gauge.xaml" />
              </ResourceDictionary.MergedDictionaries>
             <ControlTemplate x:Name="DefaultOffPosition" TargetType="gauge:CustomTickMark">
                 <ContentPresenter>
                     <ContentPresenter.Content>
                         <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                             <Ellipse Stretch="Fill" Stroke="DarkGray" StrokeThickness="1">
                                 <Ellipse.Fill>
                                     <RadialGradientBrush>
                                         <GradientStop Offset="0" Color="White" />
                                         <GradientStop Offset="1" Color="LightGray" />
                                     </RadialGradientBrush>
                                 </Ellipse.Fill>
                             </Ellipse>
                         </Grid>
                     </ContentPresenter.Content>
                 </ContentPresenter>
             </ControlTemplate>
         </ResourceDictionary>
     </Grid.Resources>
     <telerik:RadGauge x:Name="radGauge" Width="240" Height="240" VerticalAlignment="Top" controls:StyleManager.Theme="Windows7">
         <gauge:RadialGauge>
             <gauge:RadialScale x:Name="radialScale" Min="0" Max="100" MajorTicks="10"
                     MiddleTicks="2" MinorTicks="2">
                 <gauge:RadialScale.MajorTick>
                     <gauge:MajorTickProperties Style="{StaticResource TriangleTickStyle}" />
                 </gauge:RadialScale.MajorTick>
                 <gauge:RadialScale.MiddleTick>
                     <gauge:MiddleTickProperties Length="0.07" />
                 </gauge:RadialScale.MiddleTick>
                 <gauge:RadialScale.MinorTick>
                     <gauge:MinorTickProperties Length="0.05" />
                 </gauge:RadialScale.MinorTick>
 
                 <gauge:RadialScale.Label>
                     <gauge:LabelProperties FontSize="11" />
                 </gauge:RadialScale.Label>
 
                 <gauge:IndicatorList>
                     <gauge:RadialBar x:Name="radialBar" IsAnimated="true" Value="50" />
 
                     <gauge:Needle x:Name="needle" IsAnimated="true" />
                 </gauge:IndicatorList>
 
                 <gauge:TickList>
                     <gauge:CustomTickMark Name="customTickMark" Value="5" Type="Custom"
                             Length="0.12" TickWidth="0.5" FontSize="11"
                             Foreground="GhostWhite" Background="Red" />
 
                     <gauge:CustomTickMark Name="offPositionTickMark" Value="-10"
                             Type="OffPosition" Length="0.1" TickWidth="1"
                             FontSize="14" FontFamily="Arial" Foreground="White" Background="Red"
                             Format="OFF" Template="{StaticResource DefaultOffPosition}" />
                 </gauge:TickList>
             </gauge:RadialScale>
         </gauge:RadialGauge>
     </telerik:RadGauge>
 </Grid>

You have to add the missing references in your application plus the Windows7 Theme project. I hope this helps.

Sincerely yours,
Sia
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
bill
Top achievements
Rank 1
answered on 22 Apr 2010, 06:03 PM
thank you for the reply!

this style is what i seem to be missing StaticResource TriangleTickStyle

it is not in the local guageresource dictionary and i didnt not see it in the generic.xaml resource dictionary using reflector

if i run it in your demo it off course works but im trying to port it to my own project. i have the updated dlls from the 2010 drop but again i cant find that particular style anywhere
0
Sia
Telerik team
answered on 27 Apr 2010, 09:41 AM
Hi bill,

Please see the attached sample project. I suppose that you have missed the following part of my code:
<ResourceDictionary.MergedDictionaries>
   <ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Gauge.xaml" />
</ResourceDictionary.MergedDictionaries>

If you still experience difficulties, please let us know.

Greetings,
Sia
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Gauge
Asked by
bill
Top achievements
Rank 1
Answers by
Sia
Telerik team
bill
Top achievements
Rank 1
Share this question
or