Linear Gauge Bar Rounding

2 posts, 1 answers
  1. Sam
    Sam avatar
    3 posts
    Member since:
    Dec 2014

    Posted 06 Feb 2015 Link to this post

    Hi,

    I am new to Telerik, and I have a question on the Linear Gauge control. I was wondering if there is any way to add rounding to the bars (i.e. similar to css border-radius).

    Currently I have the following:

    @(Html.Kendo().LinearGauge()
            .Name("DivTime")
            .HtmlAttributes(new { title = "167" })
            .Pointers(p =>
            {
                p.Add().Value(167).Color("#2A5E76").Size(20).Margin(0).Border(b => b.Opacity(100).Width(0));
                p.Add().Value(100).Color("#C1D82F").Size(20).Margin(0).Border(b => b.Opacity(100).Width(0));
            })
            .Transitions(false)
            .Scale(scale => scale
                .Vertical(false)
                .Labels(builder => builder.Visible(false))
                .MajorTicks(builder => builder.Visible(false))
                .MinorTicks(builder => builder.Visible(false))
                .Line(builder => builder.Visible(false))
                .MajorUnit(20)
                .MinorUnit(2)
                .Min(0)
                .Max(167)
            ))

    It would be nice to add rounding edges if this is possible (but It's not essential).

    Thanks in advance

    Sam
  2. Answer
    Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2156 posts

    Posted 06 Feb 2015 Link to this post

    Hello Sam,

    The Linear Gauge does not currently support adding border radius to the pointers. Please excuse us if this is causing an inconvenience.

    Regards,
    Dimiter Madjarov
    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 MVC is VS 2017 Ready
Back to Top