O'Reilly logo

Instant Kendo UI Grid by James Lamar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

How to change your theme (Simple)

This recipe demonstrates how to change your Kendo theme.

Getting ready

Reopen the same file you used or created from the 1-initializing.html exercise file. In this recipe, you'll be making a simple change to realize how easy it is to change the theme of your grid.

How to do it...

In the <head> section of your document, change the reference to kendo.default.min.css to any of the other themes included in the style folder with your Kendo download. The following is an example that should be easy to see once you save your changes and refresh the page in the browser:

<!DOCTYPE html> <html> <head> <title>Kendo UI Grid How-to</title> <link rel="stylesheet" type="text/css" href="kendo/styles/kendo.common.min.css"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required