Changing theme on Gauge (radial ou linear)

[Pierre]

I try to change the theme dynamically.

I change the kendo.dataviz.(theme).min.css in the page
then I call this

var kendoElem = $elem.data('kendoRadialGauge');
kendoElem.setOptions({ theme: 'moonlight'});
kendoElem.redraw();

The gauge redraw  but the color of the pin and text graduation do not change.

Any suggestion?

[Iliana Dyankova]

Hello Pierre-D.,

Basically all configuration options of Kendo UI Gauge are stored in the _originalOptions. You can change the theme from here (take a look at the code snippet below), however keep in mind this variable is intended for internal usage:

//get reference to the Gauge widget
var gauge = $("#gauge").data("kendoRadialGauge");
//get the options
var options = gauge._originalOptions;
//set the new theme
options.theme = "moonlight"
//destroy the Gauge
gauge.destroy();
//recreate the gauge with the new theme
$("#gauge").kendoRadialGauge(options);

Regards,

Iliana Nikolova
Telerik

[Pierre]

thanks for your help. All is working now.