New to Telerik UI for ASP.NET MVC? Download free 30-day trial

CircularGaugeBuilder

Methods

CenterTemplate(System.String)

The label template. Template variables: * value - the value

Parameters

value - System.String

The value that configures the centertemplate.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .CenterTemplate(value)
                )

CenterTemplateId(System.String)

The label template. Template variables: * value - the value

Parameters

value - System.String

The value that configures the centertemplate.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .CenterTemplateId(value)
                )

CenterTemplateView(System.Web.Mvc.MvcHtmlString)

The label template. Template variables: * value - the value

Parameters

value - System.Web.Mvc.MvcHtmlString

The value that configures the centertemplate.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .CenterTemplate(Html.Partial("template"))
                )

CenterTemplateHandler(System.String)

The label template. Template variables: * value - the value

Parameters

value - System.String

The value that configures the centertemplate.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .CenterTemplateHandler(value)
                )

CenterTemplate(Kendo.Mvc.UI.TemplateBuilder)

The label template. Template variables: * value - the value

Parameters

template - TemplateBuilder<TModel>

A Template component that configures the centertemplate.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .CenterTemplate(value)
                )

Color(System.String)

The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.

Parameters

value - System.String

The value that configures the color.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Color(value)
                )

Colors(System.Action)

The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.

Parameters

configurator - System.Action<CircularGaugeColorFactory>

The action that configures the colors.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                   .Colors(c => {
                      c.Add().Color(value);
                      c.Add().To(value);
                      c.Add().From(value);
                   })
                )

GaugeArea(System.Action)

The gauge area configuration options. This is the entire visible area of the gauge.

Parameters

configurator - System.Action<CircularGaugeGaugeAreaSettingsBuilder>

The action that configures the gaugearea.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .GaugeArea(ga=>ga.Background(value))
                )

Opacity(System.Double)

The opacity of the value pointer.

Parameters

value - System.Double

The value that configures the opacity.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Opacity(value)
                )

RenderAs(System.String)

Sets the preferred rendering engine. If it is not supported by the browser, the Gauge will switch to the first available mode.The supported values are: "svg" - renders the widget as inline SVG document, if available or "canvas" - renders the widget as a Canvas element, if available..

Parameters

value - System.String

The value that configures the renderas.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .RenderAs(value)
                )

Scale(System.Action)

Configures the scale.

Parameters

configurator - System.Action<CircularGaugeScaleSettingsBuilder>

The action that configures the scale.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Scale(s=>s.StartAngle(value))
                )

Theme(System.String)

The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform".

Parameters

value - System.String

The value that configures the theme.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Theme(value)
                )

Transitions(System.Boolean)

A value indicating if transition animations should be played.

Parameters

value - System.Boolean

The value that configures the transitions.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Transitions(value)
                )

Value(System.Double)

The gauge value.

Parameters

value - System.Double

The value that configures the value.

Example


                @(Html.Kendo().CircularGauge()
                    .Name("circularGauge")
                    .Value(value)
                )

ToComponent()

Returns the internal view component.

Name(System.String)

Sets the name of the component.

Parameters

componentName - System.String

The name of the component.

Example


            @(Html.Kendo().Grid<OrderViewModel>()
               .Name("grid")
               .Columns(columns =>
               {
                   columns.Bound(p => p.OrderID).Filterable(false);
                   columns.Bound(p => p.Freight);
               })
               .DataSource(dataSource => dataSource
                   .Ajax()
                   .PageSize(20)
                   .Read(read => read.Action("Orders_Read", "Grid"))
               )
            )

Deferred(System.Boolean)

Suppress initialization script rendering. Note that this options should be used in conjunction with

Parameters

deferred - System.Boolean

ModelMetadata(System.Web.Mvc.ModelMetadata)

Uses the Metadata of the Model.

Parameters

modelMetadata - System.Web.Mvc.ModelMetadata

The metadata set for the Model

HtmlAttributes(System.Object)

Sets the HTML attributes.

Parameters

attributes - System.Object

The HTML attributes.

HtmlAttributes(System.Collections.Generic.IDictionary)

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

AsModule(System.Boolean)

Specifies whether the initialization script of the component will be rendered as a JavaScript module.

Parameters

value - System.Boolean

Render()

Renders the component.

Example


            @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
            @( Html.Kendo().Grid(Model)
                .Name("grid")
                .DetailTemplate(product => {
                    )
                       Product Details:
                       <div>Product Name: @( product.ProductName )</div>
                       <div>Units In Stock: @( product.UnitsInStock )</div>
                    @(
                })
                .Render();
            )

ScriptAttributes(System.Object,System.Boolean)

Sets the JavaScript attributes to the initialization script.

Parameters

attributes - System.Object

The JavaScript attributes.

overrideAttributes - System.Boolean

Argument which determines whether attributes should be overriden.

ScriptAttributes(System.Collections.Generic.IDictionary,System.Boolean)

Sets the JavaScript attributes to the initialization script.

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

The JavaScript attributes.

overrideAttributes - System.Boolean

Argument which determines whether attributes should be overriden.

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?