Gauge inside another gauge.

2 posts, 0 answers
  1. Katya
    Katya avatar
    21 posts
    Member since:
    May 2013

    Posted 04 Nov 2013 Link to this post

    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
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Nov 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top