Hi,
I have just installed the Q3 release and started jumping for joy when I saw the gauge components. However when I started to do a quick test to see if I can dump the other control suite I have to use for radial gauges I could not see a way to add a second pointer.
Is this possible ?
Thanks
Chris
I have just installed the Q3 release and started jumping for joy when I saw the gauge components. However when I started to do a quick test to see if I can dump the other control suite I have to use for radial gauges I could not see a way to add a second pointer.
Is this possible ?
Thanks
Chris
3 Answers, 1 is accepted
0

Caesar
Top achievements
Rank 1
answered on 22 Oct 2012, 06:35 AM
You can add an identical gauge inside the first one with only the pointer visible.
0

Chris
Top achievements
Rank 2
answered on 22 Oct 2012, 09:16 AM
Hi Caesar,
thanks for your reply. I can't find any documentation about adding child gauges or about hiding everything except the pointer, have you got an example of what you are talking about ?
Thanks
Chris
thanks for your reply. I can't find any documentation about adding child gauges or about hiding everything except the pointer, have you got an example of what you are talking about ?
Thanks
Chris
0

Chris
Top achievements
Rank 2
answered on 22 Oct 2012, 12:36 PM
Hi,
I have now got this sorted, so I thought I would post my results to help out other who are in this situation. I basically just created two gauges and overlapped them within in container. If there is a better way I would be happy to use that instead, but for now this is working for me. I'm sure there is some redundant mark up too please feel free to correct it :).
I have also attached the background image and a shot of the finished article.
Chris
I have now got this sorted, so I thought I would post my results to help out other who are in this situation. I basically just created two gauges and overlapped them within in container. If there is a better way I would be happy to use that instead, but for now this is working for me. I'm sure there is some redundant mark up too please feel free to correct it :).
<
style
>
#gaugecontainer {
background-image: url(/Images/Gauge_blue_200.png);
background-position: 0, 0;
height: 200px;
position: relative;
width: 200px;
}
#gaugetitle {
position: absolute;
top: 150px;
left: 75px;
font-size: smaller;
font-weight: bold;
}
.gaugetest {
left: 18px;
position: absolute !important; /* override the inline style of the gauge */
top: 10px;
}
</
style
>
<
div
id
=
"gaugecontainer"
>
<
div
id
=
"gaugetitle"
>Overall</
div
>
<
telerik:RadRadialGauge
ID
=
"RadRadialGauge1"
runat
=
"server"
CssClass
=
"gaugetest"
Width
=
"168px"
Height
=
"168px"
>
<
Pointer
Color
=
"Fuchsia"
Value
=
"2"
>
<
Cap
Color
=
"black"
Size
=
"0.1"
/>
</
Pointer
>
<
Scale
Min
=
"1"
Max
=
"5"
MajorUnit
=
"1"
MinorUnit
=
"0.2"
EndAngle
=
"240"
StartAngle
=
"-60"
>
<
MinorTicks
Color
=
"Black"
Width
=
"0.4"
/>
<
MajorTicks
Color
=
"Black"
Width
=
"0.7"
/>
<
Labels
Visible
=
"False"
/>
<
MajorTicks
Visible
=
"False"
/>
<
Ranges
>
<
telerik:GaugeRange
Color
=
"Red"
From
=
"1"
To
=
"2"
/>
<
telerik:GaugeRange
Color
=
"Orange"
From
=
"2"
To
=
"3"
/>
<
telerik:GaugeRange
Color
=
"Yellow"
From
=
"3"
To
=
"4"
/>
<
telerik:GaugeRange
Color
=
"Green"
From
=
"4"
To
=
"5"
/>
</
Ranges
>
</
Scale
>
</
telerik:RadRadialGauge
>
<
telerik:RadRadialGauge
ID
=
"RadRadialGauge2"
runat
=
"server"
CssClass
=
"gaugetest"
Width
=
"168px"
Height
=
"168px"
>
<
Pointer
Color
=
"Green"
Value
=
"4"
>
<
Cap
Color
=
"black"
Size
=
"0.1"
/>
</
Pointer
>
<
Scale
Min
=
"1"
Max
=
"5"
MajorUnit
=
"1"
MinorUnit
=
"0.2"
EndAngle
=
"240"
StartAngle
=
"-60"
>
<
MinorTicks
Color
=
"Black"
Width
=
"6"
/>
<
MajorTicks
Color
=
"Black"
Width
=
"12"
/>
<
Ranges
>
<
telerik:GaugeRange
Color
=
"Red"
From
=
"1"
To
=
"2"
/>
<
telerik:GaugeRange
Color
=
"Orange"
From
=
"2"
To
=
"3"
/>
<
telerik:GaugeRange
Color
=
"Yellow"
From
=
"3"
To
=
"4"
/>
<
telerik:GaugeRange
Color
=
"Green"
From
=
"4"
To
=
"5"
/>
</
Ranges
>
</
Scale
>
</
telerik:RadRadialGauge
>
</
div
>
I have also attached the background image and a shot of the finished article.
Chris