Applying Themes

[Naga]

Telerik Team,

 

I am doing a POC to demo the Kendo UI ASP.NET Core components for our application. I would like to know how to apply the themes (such as Blue Opal, Bootstrap, Fiori, Flat, High Contrast, Material, Metro, Moonlight, Nova etc.,) that are shown on the top of Telerik demo pages. Please see the attached snapshot for reference. When we select any theme on the list, the Grid control will change the display accordingly. However, I do not find the code to apply the themes. Please provide the sample or link where I could find the code. Thanks in advance.

 

Regards,

Naga

[Eyup]

Hi Naga,

The theme depends on the loaded Kendo css files. For example, if you have the following definition in the Shared/_Layout.cshtml file of your project, the visualized theme will be Black:

<link href="http://cdn.kendostatic.com/2016.3.914/styles/kendo.black.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2016.3.914/styles/kendo.dataviz.black.min.css" rel="stylesheet" type="text/css" />

If you want to build your own custom Theme selector, you will need to use custom implementation to achieve this requirement. I hope these samples will prove helpful:
http://www.telerik.com/forums/how-to-build-a-kendothemechooser-like-on-your-website
http://www.telerik.com/forums/skinselector-to-choose-kendo-css-templates

Please bear in mind that these are not fully tested and any further additions are beyond our support scope.

Regards,
Eyup
Telerik by Progress

[Naga]

Hi Eyup,

 

Thanks for providing the details. It worked as expected.

 

Regards,

Naga