Hello Gustavo,
You can wrap the gauges in divs that you can control as you desire. Note that they are rendered with markup (svg or vml) and thus they may inherit the text-align (or other css properties).
Here is a simple example of gauges put to the left of a div:
<
asp:Panel
ID
=
"Panel1"
runat
=
"server"
Width
=
"800px"
>
<
div
class
=
"gaugeHolder"
>
<
telerik:RadRadialGauge
runat
=
"server"
ID
=
"RadRadialGauge1"
Height
=
"350px"
Width
=
"350px"
Style
=
"text-align: left;"
>
<
Pointer
Value
=
"220"
Color
=
"Black"
>
<
Cap
Color
=
"Gray"
Size
=
"0.1"
/>
</
Pointer
>
<
Scale
Min
=
"120"
Max
=
"300"
MajorUnit
=
"30"
MinorUnit
=
"5"
>
<
Labels
Format
=
"{0} °C"
Position
=
"Outside"
/>
<
Ranges
>
<
telerik:GaugeRange
Color
=
"Orange"
From
=
"150"
To
=
"190"
/>
<
telerik:GaugeRange
Color
=
"Green"
From
=
"190"
To
=
"230"
/>
<
telerik:GaugeRange
Color
=
"Red"
From
=
"230"
To
=
"300"
/>
</
Ranges
>
</
Scale
>
</
telerik:RadRadialGauge
>
</
div
>
<
div
class
=
"gaugeHolder"
>
<
telerik:RadRadialGauge
runat
=
"server"
ID
=
"RadRadialGauge2"
Height
=
"350px"
Width
=
"350px"
Style
=
"text-align: left;"
>
<
Pointer
Value
=
"120"
Color
=
"Black"
>
<
Cap
Color
=
"Gray"
Size
=
"0.1"
/>
</
Pointer
>
<
Scale
Min
=
"120"
Max
=
"300"
MajorUnit
=
"30"
MinorUnit
=
"5"
>
<
Labels
Format
=
"{0} °C"
Position
=
"Outside"
/>
<
Ranges
>
<
telerik:GaugeRange
Color
=
"Orange"
From
=
"150"
To
=
"190"
/>
<
telerik:GaugeRange
Color
=
"Green"
From
=
"190"
To
=
"230"
/>
<
telerik:GaugeRange
Color
=
"Red"
From
=
"230"
To
=
"300"
/>
</
Ranges
>
</
Scale
>
</
telerik:RadRadialGauge
>
</
div
>
<
div
class
=
"clearDiv"
></
div
>
</
asp:Panel
>
and some simple CSS
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the
blog feed now.