Radial Gauge does not bind to gauge style

2 posts, 0 answers
  1. Paul
    Paul avatar
    3 posts
    Member since:
    Jul 2010

    Posted 28 Oct 2010 Link to this post

    Hi,

    I have to following XAML
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
                                <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                            </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
                </telerik:RadGauge>
     <telerik:RadGauge>
    <telerik:RadialGauge Style="{Binding GaugeStyle}">
    <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
    <telerik:IndicatorList>
    <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
    </telerik:IndicatorList>
    </telerik:RadialScale>
     <telerik:RadGauge>
    <telerik:RadialGauge Style="{Binding GaugeStyle}">
    <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
    <telerik:IndicatorList>
    <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
    </telerik:IndicatorList>
    </telerik:RadialScale>
    </telerik:RadialGauge>
    </telerik:RadGauge>
    </telerik:RadialGauge>
    </telerik:RadGauge>
     <telerik:RadGauge>
    <telerik:RadialGauge Style="{Binding GaugeStyle}">
    <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
    <telerik:IndicatorList>
    <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
    </telerik:IndicatorList>
    </telerik:RadialScale>
    </telerik:RadialGauge>
    </telerik:RadGauge>
    <telerik:RadGauge>
        <telerik:RadialGauge Style="{Binding GaugeStyle}">
            <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                <telerik:IndicatorList>
                    <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                </telerik:IndicatorList>
            </telerik:RadialScale>
        </telerik:RadialGauge>
    </telerik:RadGauge>

    This works for binding to to all other values shown but does not bind to the RadialGauge style. On debugging my view model,

    private Style _GaugeStyle;
    public Style GaugeStyle
    {
          get
          {
               return _GaugeStyle;
          }
             set
          {
               _GaugeStyle = value;
          }
    }
     
    private Style _ScaleStyle;
    public Style ScaleStyle
    {
          get
          {
              return _ScaleStyle;
          }
          set
          {
              _ScaleStyle = value;
          }
    }

    the getter GaugeStyle is never called whereas the getter for ScaleStyle is. I just want to confirm that this is a bug.

    Regards,
    Paul


    private Style _GaugeStyle;
            public Style GaugeStyle 
            {
                get
                {
                    return _GaugeStyle;
                }
                set
                {
                    _GaugeStyle = value;
                }
            }

            private Style _ScaleStyle;
            public Style ScaleStyle
            {
                get
                {
                    return _ScaleStyle;
                }
                set
                {
                    _ScaleStyle = value;
                }
            }
    private Style _GaugeStyle;
            public Style GaugeStyle 
            {
                get
                {
                    return _GaugeStyle;
                }
                set
                {
                    _GaugeStyle = value;
                }
            }

            private Style _ScaleStyle;
            public Style ScaleStyle
            {
                get
                {
                    return _ScaleStyle;
                }
                set
                {
                    _ScaleStyle = value;
                }
            }
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
                                <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
     
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
                                <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                            </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
                </telerik:RadGauge>
                           </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
                </telerik:RadGauge>
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
                                <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                            </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
      t
    Th          </telerik:RadGauge>
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
                                <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                            </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
                </telerik:RadGauge>
     <telerik:RadGauge>
                    <telerik:RadialGauge Style="{Binding GaugeStyle}">
                        <telerik:RadialScale Min="{Binding ScaleMin}" Max="{Binding ScaleMax}" Style="{Binding ScaleStyle}">
                            <telerik:IndicatorList>
      f                          <telerik:Needle IsAnimated="True" Value="{Binding IndicatorNeedleValue}" />
                            </telerik:IndicatorList>
                        </telerik:RadialScale>
                    </telerik:RadialGauge>
                </telerik:RadGauge>T

    f
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 02 Nov 2010 Link to this post

    Hi Paul,

    The RadGauge propagates current theme to its RadialGauge elements. It overrides the Style property when it contains null.
    We will fix this problem in future releases of the gauge control. We've created a PITS issue. You can check when the fix will be available using the following link:
    http://www.telerik.com/support/pits.aspx#/public/silverlight/3865

    As workaround you can use the RadialGauge without the RadGauge container.

    All the best,
    Andrey Murzov
    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
Back to Top