Windows 7 Theme

4 posts, 0 answers
  1. bill
    bill avatar
    31 posts
    Member since:
    Sep 2007

    Posted 19 Apr 2010 Link to this post



    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!
  2. Sia
    Admin
    Sia avatar
    667 posts

    Posted 22 Apr 2010 Link to this post

    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.
  3. DevCraft banner
  4. bill
    bill avatar
    31 posts
    Member since:
    Sep 2007

    Posted 22 Apr 2010 Link to this post

    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
  5. Sia
    Admin
    Sia avatar
    667 posts

    Posted 27 Apr 2010 Link to this post

    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.
Back to Top