New to Kendo UI for jQuery? Start a free 30-day trial

Theme

configuration

The gauge theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.

theme

String

Default: "sass"

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    theme: "bootstrap"
});
</script>

Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.

The supported values are:

"sass"
"black"
"blueopal"
"bootstrap"
"default"
"highcontrast"
"metro"
"metroblack"
"moonlight"
"silver"
"uniform"