Kendo UI Web – Changing Theme

In this post, we would see; how to change theme for Kendo UI controls. The following output shows the Metro theme for Kendo UI.


You need to copy the required css file with respect to its folder. In this demonstration Metro theme is used. Copy the Metro folder and kendo.metro.min.css file.


Paste them in the target style folder. As you see in the following image, styles folder contains both default and metro theme.

The following Kendo UI theme is the default theme which is applied to the DatePicker control.


Now we would change the css file links. As you see in the following html, the kendo.metro.min.css is added instead of default.


And as expected, the theme is successfully changed.


Hope this post helps.

Thanks for reading. Like Method Of Tried in Facebook.