CircularProgressBarBuilder
Methods
AriaRole(System.Boolean)
If set to true the Circular ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes.
Parameters
value - System.Boolean
The value that configures the ariarole.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.AriaRole(true)
)
CenterTemplate(System.String)
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Parameters
value - System.String
The value that configures the centertemplate.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.CenterTemplate("<span style='color: #: color #;'>#= value == 100 ? \"<span class='k-icon k-font-icon k-i-check'></span>\" : value + '%' #</span>")
)
CenterTemplateId(System.String)
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Parameters
value - System.String
The value that configures the centertemplate.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.CenterTemplateId("CenterTemplateId")
)
CenterTemplateView(System.Web.Mvc.MvcHtmlString)
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Parameters
value - System.Web.Mvc.MvcHtmlString
The value that configures the centertemplate.
CenterTemplateHandler(System.String)
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Parameters
value - System.String
The value that configures the centertemplate.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.CenterTemplateHandler("CenterTemplateHandler")
)
CenterTemplate(Kendo.Mvc.UI.TemplateBuilder)
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Parameters
template - TemplateBuilder<TModel>
A Template component that configures the centertemplate.
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().CircularProgressBar()
.Name("progressbar")
.Color("green")
)
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<CircularProgressBarColorFactory>
The action that configures the colors.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.Colors(c => c.Add())
)
Label(System.String)
The label that would be used as a aria-label for the Circular ProgressBar element. Will be applied only if ariaRole is set to true.
Parameters
value - System.String
The value that configures the label.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.Label("label")
)
LabelId(System.String)
The ID of the element that will be used as a label of the Circular ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true.
Parameters
value - System.String
The value that configures the labelid.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.LabelId("LabelId")
)
Opacity(System.Double)
The opacity of the value pointer.
Parameters
value - System.Double
The value that configures the opacity.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.Opacity(20)
)
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().CircularProgressBar()
.Name("progressbar")
.Theme("sylver")
)
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().CircularProgressBar()
.Name("progressbar")
.Transitions(20)
)
Indeterminate(System.Boolean)
A value indicating whether endloess loading is enabled
Parameters
value - System.Boolean
The value that configures the indeterminate.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.Indeterminate(20)
)
PointerWidth(System.Double)
A value indicating how wide will the pointer be
Parameters
value - System.Double
The value that configures the pointerwidth.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.PointerWidth(20)
)
Value(System.Double)
The component value.
Parameters
value - System.Double
The value that configures the value.
Example
@(Html.Kendo().CircularProgressBar()
.Name("progressbar")
.Value(20)
)
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 Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)
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>
AsChildComponent()
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();
)