Gauge inside another gauge.

[Katya]

Hi,

I want to create a radial gauge with gauge inside gauge. There is a big outer radial gauge and there are two small radial gauge and I want to place these two gauges horizontally inside the big radial gauge around its center. I was trying but cant get the desired placement of controls. Can someone offer help?

Thankyou
Katya

[Shinu]

Hi Katya ,

As a work around please try the following CSS to place two RadRadialGauge inside another RadRadialGauge.

ASPX:

<telerik:RadRadialGauge ID="RadRadialGauge1" runat="server" Height="350px" Width="350px">
</telerik:RadRadialGauge>
<telerik:RadRadialGauge ID="RadRadialGauge2" runat="server" Height="120px" Width="120px">
</telerik:RadRadialGauge>
<telerik:RadRadialGauge ID="RadRadialGauge3" runat="server" Height="120px" Width="120px">
</telerik:RadRadialGauge>

CSS:

<style type="text/css">
    #RadRadialGauge2
    {
        margin-left: 50px !important;
        margin-top: -220px !important;
    }
    #RadRadialGauge3
    {
        margin-left: 180px !important;
        margin-top: -110px !important;
    }
</style>

Thanks,
Shinu.