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.