Pin point alignment / Gauge skinning

2 posts, 0 answers
  1. Craig Mellon
    Craig Mellon avatar
    53 posts
    Member since:
    May 2005

    Posted 30 Apr 2012 Link to this post

    Hello,

    I'm trying to make my gauge resmeble something like this: http://i48.tinypic.com/20qf5d.jpg but I'm having a couple of issues.

    - How can I center the pin point and hold a textblock / label within it?
    - How to add custom labels (e.g. just have 0 Min / 1 Hour)
    - As you can see in my code below I have a bar indicator but for some reason it dosen't show up

    Here is my code so far:

    <telerik:RadRadialGauge Width="420" Height="300" telerik:StyleManager.Theme="Metro">
     
        <telerik:RadialScale Min="0" Max="60" LabelRotationMode="None" LabelOffset="0.1" RangeLocation="Outside" MajorTickLocation="OverCenter"
         MajorTickBackground="#FFE7F1F6" MinorTickBackground="#FFE7F1F6" MiddleTickBackground="#FFE7F1F6" MajorTickStep="10" LabelLocation="Outside" Fill="#FFE7F1F6">
     
            <telerik:RadialScale.Indicators>
                 
                <telerik:BarIndicator x:Name="radialBar" Value="30" Background="#66bc29"
                telerik:ScaleObject.Location="Outside" telerik:ScaleObject.Offset="0.5" />
     
                <telerik:Pinpoint Background="#79a9c0" BorderBrush="#FFF7F9FB"
                MinWidth="125" MinHeight="125" HorizontalContentAlignment="Center"
                VerticalContentAlignment="Center" StrokeThickness="5" Margin="0" Padding="0" />
     
            </telerik:RadialScale.Indicators>
     
        </telerik:RadialScale>
     
    </telerik:RadRadialGauge>

    And here is how it looks so far: http://i45.tinypic.com/2po7cj6.jpg

    It's getting there slowly so would appreciate some help on my questions above!
  2. Craig Mellon
    Craig Mellon avatar
    53 posts
    Member since:
    May 2005

    Posted 01 May 2012 Link to this post

    Ok all resolved now and looking exaclty how I wanted.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top