New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Using CDN

The Kendo UI client-side resources like JavaScript files and CSS files are available online through the Kendo CDN service. Including the client-side resources in your project is essential because the Telerik UI helpers are wrappers over the Kendo UI widgets.

Only the official Kendo UI releases and serviced packs are uploaded to the CDN. Internal builds are not available on the CDN.

To access the Kendo UI CDN services, you can use either the HTTP or the HTTPS protocol with any of the following CDN services:

  • kendo.cdn.telerik.com
  • cdn.kendostatic.com (a cookieless CDN service)

To check the status of the Progress Live Services, like Kendo UI CDN, Telerik NuGet, Kendo UI Dojo playground and others, visit the Progress® Telerik® Live Services Status Page.

Understanding the CDN Structure

The URLs of the Telerik CDN have the following structure:

  • https://kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js
  • https://kendo.cdn.telerik.com/VERSION/styles/FILENAME.min.css

In the URL above, you must replace VERSION and FILENAME with the client-side resource that you need and its version. For example, to load version 2022.2.621 of the minified Kendo UI scripts and the related CSS files, use these URLs:

  • https://kendo.cdn.telerik.com/2022.2.621/js/kendo.all.min.js
  • https://kendo.cdn.telerik.com/2022.2.621/styles/kendo.default-main.min.css

If you prefer the HTTP protocol, replace https with http in the URLs above.

Using the CDN in Your Project

Replace the Kendo UI version from the following code snippets with the version of the product you are using—for example, 2022.2.621.

  1. Open the layout of the application. By default, it is ~/Views/Shared/_Layout.cshtml or Site.master, if using ASPX.

  2. To add the Bootstrap theme files, include the kendo.common-bootstrap.min.css and kendo.bootstrap.min.css files. Add a link tag within the head tag of the layout. For more information on the CSS files which are used by the predefined Less themes, refer to the documentation on the Less-based themes.

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.621/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.621/styles/kendo.bootstrap.min.css" />
    
  3. To add the JavaScript files, insert a script tag and include kendo.all.min.js and kendo.aspnetmvc.min.js after the jQuery script.

    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.aspnetmvc.min.js"></script>
    
  4. If using the Telerik MVC Scheduler helper, include kendo.timezones.min.js after kendo.all.min.js.

    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.timezones.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.621/js/kendo.aspnetmvc.min.js"></script>
    

Troubleshooting

The following articles provide solutions to common issues related to the Telerik and Kendo CDN services:

Next Steps

See Also

In this article