Edit this page

LinearGauge HtmlHelper Overview

The LinearGauge HtmlHelper extension is a server-side wrapper for the Kendo LinearGauge widget.

Getting Started

Configuration

  1. Add a LinearGauge.

    Example
        @(Html.Kendo().LinearGauge()
            .Name("linearGauge") //The name of the LinearGauge is mandatory. It specifies the "id" attribute of the widget.
            .Scale(scale => scale
                .Min(0) //Set the min value of the LinearGauge.
                .Max(200) //Set the min value of the LinearGauge.
            )
            .Pointer(pointer => pointer
                .Value(10) //Set the value of the LinearGauge.
            )
        )
    

Reference

Existing Instances

To reference an existing Kendo UI LinearGauge instance, use the jQuery.data() configuration option. Once a reference is established, use the LinearGauge API to control its behavior.

Example
    // Put this after your Kendo UI LinearGauge for ASP.NET Core declaration.
    <script>
    $(function() {
    // Notice that the Name() of the LinearGauge is used to get its client-side instance.
        var gauge = $("#linearGauge").data("kendoLinearGauge");
    });
    </script>

See Also