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.510 of the minified Kendo UI scripts and the related CSS files, use these URLs:

• https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js
• https://kendo.cdn.telerik.com/2022.2.510/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.510.

1. Open the layout of the application. By default, it is ~\Views\Shared\_Layout.cshtml.

2. To add the Bootstrap theme files, insert a link tag within the head tag of the layout and include the style file or files.

       <link href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.bootstrap-main.min.css" rel="stylesheet" type="text/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.510/js/kendo.all.min.js"></script>
       <script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.aspnetmvc.min.js"></script>
   

Troubleshooting

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

• CDN connection issues and general disruption occur
• How to refer Kendo UI internal builds from a CDN

Next Steps

• Create your own custom bundles
• Explore the helper script dependencies
• Check out the PDF and Excel export support

See Also

• Including Client-Side Resources
• Installing Telerik UI for ASP.NET Core with NuGet
• First Steps on Visual Studio for Windows (Online Guide)
• First Steps on Visual Studio for Mac (Online Guide)
• First Steps with CLI (Online Guide)