Hi
I have recently upgraded to 2012 Q2 controls and am now experiencing a problem with a UserControl which contains 2 horizontal gauges - basically they don't display correctly. I've attached an image (horizontalgauge.png) showing how a very basic linear scale (copied and pasted from your help) renders. Has something major changed between Q1 and Q2?
Please find below the xaml from my usercontrol
and this displays as per attachment usercontrol.png.
Thanks
Keith
I have recently upgraded to 2012 Q2 controls and am now experiencing a problem with a UserControl which contains 2 horizontal gauges - basically they don't display correctly. I've attached an image (horizontalgauge.png) showing how a very basic linear scale (copied and pasted from your help) renders. Has something major changed between Q1 and Q2?
Please find below the xaml from my usercontrol
<
UserControl
x:Class
=
"ESR.Parts.CounterGaugeComboPart"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
mc:Ignorable
=
"d"
d:DesignHeight
=
"300"
d:DesignWidth
=
"400"
>
<
UserControl.Resources
>
<
LinearGradientBrush
x:Key
=
"GreenRangeBrush"
EndPoint
=
"1,0.5"
StartPoint
=
"0,0.5"
>
<
LinearGradientBrush.RelativeTransform
>
<
MatrixTransform
/>
</
LinearGradientBrush.RelativeTransform
>
<
LinearGradientBrush.Transform
>
<
MatrixTransform
/>
</
LinearGradientBrush.Transform
>
<
GradientStop
Color
=
"#ffa5fd6c"
Offset
=
"0"
/>
<
GradientStop
Color
=
"#FF61b322"
Offset
=
"1"
/>
</
LinearGradientBrush
>
<
LinearGradientBrush
x:Key
=
"AmberRangeBrush"
EndPoint
=
"1,0.5"
StartPoint
=
"0,0.5"
>
<
LinearGradientBrush.RelativeTransform
>
<
MatrixTransform
/>
</
LinearGradientBrush.RelativeTransform
>
<
LinearGradientBrush.Transform
>
<
MatrixTransform
/>
</
LinearGradientBrush.Transform
>
<
GradientStop
Color
=
"#FFF8CD12"
Offset
=
"0"
/>
<
GradientStop
Color
=
"#FFFae8a6"
Offset
=
"1"
/>
</
LinearGradientBrush
>
<
LinearGradientBrush
x:Key
=
"RedRangeBrush"
EndPoint
=
"1,0.5"
StartPoint
=
"0,0.5"
>
<
LinearGradientBrush.RelativeTransform
>
<
MatrixTransform
/>
</
LinearGradientBrush.RelativeTransform
>
<
LinearGradientBrush.Transform
>
<
MatrixTransform
/>
</
LinearGradientBrush.Transform
>
<
GradientStop
Color
=
"Red"
Offset
=
"0"
/>
<
GradientStop
Color
=
"#FFf86f12"
Offset
=
"0.2"
/>
<
GradientStop
Color
=
"#FFfdb57b"
Offset
=
"1"
/>
</
LinearGradientBrush
>
<
ControlTemplate
x:Key
=
"MarkerTemplate"
TargetType
=
"telerik:Marker"
>
<
Polygon
Points
=
"2,0 4,5 4,15 0,15 0,5"
Stretch
=
"Fill"
Stroke
=
"#ff84a4bb"
Fill
=
"White"
StrokeThickness
=
"2"
/>
</
ControlTemplate
>
<
Style
x:Key
=
"MarkerStyle"
TargetType
=
"telerik:Marker"
>
<
Setter
Property
=
"Width"
Value
=
"20"
/>
<
Setter
Property
=
"Height"
Value
=
"20"
/>
<
Setter
Property
=
"Template"
Value
=
"{StaticResource MarkerTemplate}"
/>
</
Style
>
</
UserControl.Resources
>
<
telerik:RadBusyIndicator
x:Name
=
"LayoutRoot"
IsBusy
=
"{Binding IsBusy}"
BusyContent
=
""
>
<
Grid
Margin
=
"5"
VerticalAlignment
=
"Center"
>
<
Grid.ColumnDefinitions
>
<
ColumnDefinition
Width
=
"100"
/>
<
ColumnDefinition
Width
=
"*"
/>
</
Grid.ColumnDefinitions
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"30"
/>
<
RowDefinition
Height
=
"20"
/>
</
Grid.RowDefinitions
>
<
Grid
Grid.Column
=
"0"
Grid.Row
=
"0"
>
<
TextBlock
Text
=
"{Binding Caption, FallbackValue=''}"
Foreground
=
"Black"
HorizontalAlignment
=
"Left"
VerticalAlignment
=
"Center"
Padding
=
"5"
/>
</
Grid
>
<
Grid
Margin
=
"2"
Grid.Column
=
"1"
>
<
telerik:RadHorizontalLinearGauge
>
<
telerik:NumericScale
Min
=
"0"
Max
=
"999"
>
<
telerik:NumericScale.Indicators
>
<
telerik:NumericIndicator
telerik:ScaleObject.RelativeX
=
"0.0"
telerik:ScaleObject.RelativeY
=
"0.0"
telerik:ScaleObject.RelativeHeight
=
"1"
telerik:ScaleObject.RelativeWidth
=
"1"
Format
=
"{}{0:F0}"
FontSize
=
"24"
Value
=
"{Binding CounterValue, FallbackValue=0}"
>
<
telerik:NumericIndicator.Background
>
<
LinearGradientBrush
StartPoint
=
"0.5,0"
EndPoint
=
"0.5,1"
>
<
GradientStop
Offset
=
"0"
Color
=
"Gainsboro"
/>
<
GradientStop
Offset
=
"0.5"
Color
=
"WhiteSmoke"
/>
<
GradientStop
Offset
=
"1"
Color
=
"Gainsboro"
/>
</
LinearGradientBrush
>
</
telerik:NumericIndicator.Background
>
<
telerik:NumericIndicator.Positions
>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
<
telerik:FontNumberPosition
FontSize
=
"18"
BorderThickness
=
"0.5,0.5,0.25,0.5"
BorderBrush
=
"#ff84A4BB"
Foreground
=
"Black"
Background
=
"Transparent"
/>
</
telerik:NumericIndicator.Positions
>
</
telerik:NumericIndicator
>
</
telerik:NumericScale.Indicators
>
</
telerik:NumericScale
>
</
telerik:RadHorizontalLinearGauge
>
</
Grid
>
<
Grid
Grid.Row
=
"1"
Margin
=
"2"
Grid.ColumnSpan
=
"2"
>
<
telerik:RadHorizontalLinearGauge
Margin
=
"2"
>
<
telerik:LinearScale
Min
=
"0"
Max
=
"100"
LabelFormat
=
"{}{0}%"
LabelLocation
=
"OverCenter"
FontSize
=
"8"
MajorTickLocation
=
"OverCenter"
MiddleTickLocation
=
"OverCenter"
MinorTickLocation
=
"OverCenter"
RangeLocation
=
"OverCenter"
MiddleTicks
=
"1"
MinorTicks
=
"1"
MajorTicks
=
"4"
MajorTickRelativeHeight
=
"0.0"
RelativeHeight
=
"1"
RelativeWidth
=
"1"
RelativeX
=
"0"
RelativeY
=
"0.5"
Foreground
=
"Black"
>
<
telerik:LinearScale.Ranges
>
<
telerik:GaugeRange
Min
=
"0"
Max
=
"80"
StartWidth
=
"1"
EndWidth
=
"1"
Background
=
"{StaticResource RedRangeBrush}"
/>
<
telerik:GaugeRange
Min
=
"80"
Max
=
"90"
StartWidth
=
"1"
EndWidth
=
"1"
Background
=
"{StaticResource AmberRangeBrush}"
/>
<
telerik:GaugeRange
Min
=
"90"
Max
=
"100"
StartWidth
=
"1"
EndWidth
=
"1"
Background
=
"{StaticResource GreenRangeBrush}"
/>
</
telerik:LinearScale.Ranges
>
<
telerik:LinearScale.Indicators
>
<
telerik:Marker
telerik:ScaleObject.Location
=
"Inside"
Style
=
"{StaticResource MarkerStyle}"
telerik:ScaleObject.RelativeWidth
=
"0.02"
telerik:ScaleObject.RelativeHeight
=
"0.8"
Value
=
"{Binding GaugeValue}"
/>
</
telerik:LinearScale.Indicators
>
<
telerik:LinearScale.CustomItems
>
<!--<
Rectangle
telerik:ScaleObject.Value
=
"80"
telerik:ScaleObject.Location
=
"OverCenter"
telerik:ScaleObject.Offset
=
"0"
telerik:ScaleObject.RelativeHeight
=
"1"
Stroke
=
"DarkGray"
Width
=
"2"
Canvas.ZIndex
=
"1001"
/>
<
Rectangle
telerik:ScaleObject.Value
=
"90"
telerik:ScaleObject.Location
=
"OverCenter"
telerik:ScaleObject.Offset
=
"0"
telerik:ScaleObject.RelativeHeight
=
"1"
Stroke
=
"DarkGray"
Width
=
"2"
Canvas.ZIndex
=
"1001"
/>-->
</
telerik:LinearScale.CustomItems
>
</
telerik:LinearScale
>
</
telerik:RadHorizontalLinearGauge
>
</
Grid
>
</
Grid
>
</
telerik:RadBusyIndicator
>
</
UserControl
>
and this displays as per attachment usercontrol.png.
Thanks
Keith