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 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
    1494 posts

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