Image from kendoui.com
Part 1 - The Kendo UI Framework Free Trial Version
The Download
Each version can be downloaded here: http://www.kendoui.com/get-kendo-ui.aspx
You can use your Telerik account or create an account to download Kendo UI.
The Files and Folders
The main download file is called kendoui.web-dataviz.2011.3.1129.trial.zip, it's size is 2.58MB zipped, 4.49MB decompressed.
Inside the zip file you will find 3 folders and 2 files.
The Folders
- Examples - This folder contains all the Kendo UI Framework examples for Kendo UI Web and Kendo UI Dataviz. This folder contains 3 folders and 1 file:
- Dataviz
- Shared
- Web
- Index.html
Note: Using the Windows built in zip you cannot run the examples directly from the zip file, you must extract the zip first. I use WinRAR - http://rarsoft.com/ , which will auto extract everything needed for a file to run when clicked on. I recommend extracting the whole archive to a folder.
- JS - This folder contains all JavaScript for the Kendo UI Framework.
- Styles - This folder contains all styles used by the Kendo UI Framework.
The Files
- EULA-Kendo.pdf - This is the Kendo UI Framework end user license agreement. This is also available online here: http://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
- Licenses.txt - Contains the licenses for the jQuery JavaScript library. This is also available online here: https://raw.github.com/jquery/jquery/master/MIT-LICENSE.txt
The License - Kendo UI Trial Version
The Kendo UI Free trial's license is as basic as it's name, but you do get some nice features for a free trial, which are as such:
- No source code (minifed JavaScript only)
- 3 Support Tickets through the web site, answers are within 72 hours.
More info about support can be found here: http://www.kendoui.com/support-options.aspx#1
- Access to Major Updates only
The Configuration and Implementation
Note: You can install Kendo UI in pretty much any project that is web based, I prefer the .NET Framework, so that is what I am using for this setup.
It is as simple as adding these four lines to your headers:
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/kendo.all.min.js" type="text/javascript"></script>
You can also use the CDN which will only have Kendo UI major releases, although this really isn't necessary with the free version:
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css" rel="stylesheet"/>
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
As you can see the Kendo UI is so simple to get up and running, I cannot imagine using any other HTML5 based UI framework and with Telerik involved, it can be nothing but the best. Stay tuned for many more posts about The Kendo UI Framework in the near future.
For more information about the Kendo UI, go here: KendoUI.com.
For more information about Telerik, go here: Telerik.com
For more information about the Kendo UI, go here: KendoUI.com.
For more information about Telerik, go here: Telerik.com