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


    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:

            .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));
            .Scale(scale => scale
                .Labels(builder => builder.Visible(false))
                .MajorTicks(builder => builder.Visible(false))
                .MinorTicks(builder => builder.Visible(false))
                .Line(builder => builder.Visible(false))

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

    Thanks in advance

  2. Answer
    Dimiter Madjarov
    Dimiter Madjarov avatar
    2306 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.

    Dimiter Madjarov

    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.

Back to Top