ArcGauge Tag Helper Overview

The ArcGauge tag helper helps you configure the Kendo UI ArcGauge widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the ArcGauge by using the ArcGauge tag helper.

Example

<kendo-arclgauge name="gauge"></kendo-arcgauge>

Configuration

The ArcGauge tag helper configuration options are passed as attributes of the tag.

    <kendo-arcgauge name="gauge" center-template="#:value#%" value="65">
        <scale min="0" max="100">
        </scale>
    </kendo-arcgauge>

    @(Html.Kendo().ArcGauge()
        .Name("arcGauge")
        .Value(65)
        .Scale(x => x.Min(0).Max(100))
        .CenterTemplate("#:value#%")
    )

See Also

• JavaScript API Reference of the Arc Gauge
• Arc Gauge HtmlHelper for ASP.NET MVC
• Arc Gauge Official Demos
• Overview of Telerik UI for ASP.NET Core
• Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects
• Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects with the CLI
• Known Issues with Telerik UI for ASP.NET Core