[Solved] Radial Gauge does not bind to gauge style

[Paul]

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

[Andrey]

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