This section provides an overview of what kendo-ui is, and why a developer might want to use it.
It should also mention any large subjects within kendo-ui, and link out to the related topics. Since the Documentation for kendo-ui is new, you may need to create initial versions of those related topics.
To prepare your web site or web application to use Kendo UI, simply add the style and script files in the <head> section of your page.
CDN services are provided for the minified versions of official Kendo UI releases, for both HTTP and HTTPS protocols.
JQuery is also required to use Kendo UI and it is also provided by CDN.
<!-- The common stylesheet for basic styling -->
<link rel="stylesheet" href="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F%5Bversion%2520number%5D%2Fstyles%2Fkendo.common.min.css%26quot%3B%2520%2F%26gt%3B%26lt%3B!--%2520The%2520theme%2520stylesheet%2520for%2520the%2520specific%2520theme%2520--%26gt%3B%26lt%3Blink%2520rel%3D%26quot%3Bstylesheet%26quot%3B%2520href%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F%5Bversion%2520number%2Fstyles%2Fkendo.%5Btheme%2520name%5D.min.css%26quot%3B%2520%2F%26gt%3B%26lt%3B!--%2520Note%2520that%2520the%2520version%2520number%2520here%2520is%2520that%2520of%2520Kendo%2520UI%2C%2520and%2520not%2520that%2520of%2520jQuery%2520--%26gt%3B%26lt%3Bscript%2520src%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F%5Bversion%2520number%5D%2Fjs%2Fjquery.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%26lt%3Bscript%2520src%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F%5Bversion%2520number%5D%2Fjs%2Fkendo.all.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%253C%2Fcode">
In the snippet above, the kendo.all script is used, which includes all basic kendo widgets (the DataViz suite of widgets is not included).
You can alternatively pick and choose which widgets or components you want by loading the script file for that component. For example, change "all" to "calendar" to get the script for the calendar widget:
For a list of all files you can use, see Kendo UI's Only What You Need page
Here is a functional snippet for style and script tags that you can use to quickly get started:
<link rel="stylesheet" href="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F2016.2.714%2Fstyles%2Fkendo.common.min.css%26quot%3B%2520%2F%26gt%3B%26lt%3Blink%2520rel%3D%26quot%3Bstylesheet%26quot%3B%2520href%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F2016.2.714%2Fstyles%2Fkendo.blueopal.min.css%26quot%3B%2520%2F%26gt%3B%26lt%3Bscript%2520src%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F2016.2.714%2Fjs%2Fjquery.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%26lt%3Bscript%2520src%3D%26quot%3Bhttp%3A%2F%2Fkendo.cdn.telerik.com%2F2016.2.714%2Fjs%2Fkendo.all.min.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%253C%2Fcode">