Tank Level

2 posts, 0 answers
  1. Greg
    Greg avatar
    1 posts
    Member since:
    Feb 2014

    Posted 20 Oct 2014 Link to this post

    Hello. Does Telerik have a control that shows tank levels? I attached an example image. It's basically just an ellipse that shows a percentage of how much liquid is in a tank. Thanks.
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 21 Oct 2014 Link to this post

    Hi Jon,

    I think you can consider the LinearGauge control: http://demos.telerik.com/aspnet-ajax/gauge/examples/types/lineargauge/defaultcs.aspx.

    here is the code from the demo made thicker:

    <telerik:RadLinearGauge runat="server" ID="RadLinearGauge1" Width="150px" Height="350px">
        <Pointer Shape="BarIndicator" Value="15" Size="50">
            <Track Opacity="0.2" Size="50" />
        </Pointer>
        <Scale Min="-20" Max="50" MajorUnit="10">
            <Labels Visible="false" />
            <Ranges>
                <telerik:GaugeRange Color="#2a94cb" From="-20" To="5" />
                <telerik:GaugeRange Color="#8dcb2a " From="5" To="17" />
                <telerik:GaugeRange Color="#ffc700" From="17" To="27" />
                <telerik:GaugeRange Color="#ff7a00" From="27" To="35" />
                <telerik:GaugeRange Color="#c20000" From="35" To="50" />
            </Ranges>
        </Scale>
    </telerik:RadLinearGauge>



    Regards,

    Marin Bratanov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top