Radial Gauge always shows in left alignment in my div, i cant make it to center.

2 posts, 0 answers
  1. Amjath
    Amjath avatar
    16 posts
    Member since:
    Mar 2016

    Posted 31 Mar 2016 Link to this post

    Hello,

    Radial Gauge always shows in left alignment in my div, i cant make it to center.

     

    please help me

     

    with thanks 

    Amjath

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1502 posts

    Posted 05 Apr 2016 Link to this post

    Hi Amjath,

    You can try the approach from this forum post:

    <div style="border: 1px solid green; width: 800px;text-align:center">
        <telerik:RadRadialGauge runat="server" ID="RadRadialGauge1" Height="350px" Width="350px" BorderStyle="Dashed" style="display:inline-block;">
            <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>


    Regards,
    Danail Vasilev
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top