Linear Gauge Bar Rounding

[Sam]

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

[Dimiter Madjarov]

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

 

 

[Steve]

I would like to have rounded ends on the linear gauge. Does the current version support this?

 

[Silviya Stoyanova]

Hello Frank,

I am afraid that the enhancement is not implemented yet. However, there is an open Feature Request in our feedback portal: 

• https://feedback.telerik.com/aspnet-mvc/1357559-linear-gauge

I have given a Vote on your behalf in order to increase the popularity.

Kind Regards,
Silviya Stoyanova
Progress Telerik