This is a migrated thread and some comments may be shown as answers.

Applying Themes

2 Answers 1173 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Naga
Top achievements
Rank 1
Naga asked on 18 Jan 2017, 07:52 PM

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

2 Answers, 1 is accepted

Sort by
0
Accepted
Eyup
Telerik team
answered on 23 Jan 2017, 11:38 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Naga
Top achievements
Rank 1
answered on 30 Jan 2017, 04:27 PM

Hi Eyup,

 

Thanks for providing the details. It worked as expected.

 

Regards,

Naga

Tags
Grid
Asked by
Naga
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Naga
Top achievements
Rank 1
Share this question
or