kendo.custom.min.js

This process is a special case of the general process for KendoUI SDK installation, which does not use the NPM / JSPM tools. You are responsible for correct placement of KendoUI run time modules in your files hierarchy and and provision the application accordingly

Telerik has a nice feature on their website where they allow you to select a set of controls and download a minified javascript that only contains the controls you selected. This is recommended as this file is often smaller in size than kendo.all.min.js.

  1. Hover over the Products and Subscription menu, then click Kendo UI Professional

  2. Click on the "Build your custom download" banner

  3. Select the controls that you use on your website

  4. Scroll to the bottom of the page and decide whether you would like to use Telerik's CDN or if you want to download a javascript file

CDN

  1. Copy the script tags and add them to the head section of index.html

  2. Add Kendo styles to your index.html

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.bootstrap.min.css">

Javascript file

  1. Click on the "Download" button to download kendo.custom.min.js:

  2. Create a folder called kendo-sdk next to your src folder

  3. Add kendo.custom.min.js to the kendo-sdk/js/ folder. Also, download the latest Kendo release from the Telerik website (instructions) and extract the following files from the ZIP into the kendo-sdk folder:

    • js/jquery.min.js

    • the styles folder

  4. Open index.html and add the following script tags

       <script src="kendo-sdk/js/jquery.min.js"></script>
       <script src="kendo-sdk/js/kendo.custom.min.js"></script>

    and the following link tags:

     <link rel="stylesheet" href="kendo-sdk/styles/kendo.common.min.css">
     <link rel="stylesheet" href="kendo-sdk/styles/kendo.bootstrap.min.css">

Last updated