Access Kendo libraries that are shipped with Sitefinity CMS

By default, Sitefinity CMS ships with a version of Kendo UI for jQuery. You can use the Kendo UI shipped with Sitefinity CMS for custom development purposes only in the scope of your licensed Sitefinity CMS project. This article explains how to access the available Kendo UI libraries that ship with Sitefinity CMS.

The following combined scripts can be used to simplify development of your Sitefinity CMS project.

• kendo.all.min.js
  This library contains a minified version of all scripts.
  To use combined scripts in MVC, you use the @Html helper methods in the following way:

  IMPORTANT: kendo.all.min.js is available in the Kendo UI Complete package. The contents of kendo.aspnetmvc.min.js are not included in kendo.all.min.js. You need to include kendo.aspnetmvc.min.js in addition to kendo.all.min.js or use the custom download builder tool.

• kendo.web.min.js
  The library contains a minified version of all scripts from Kendo UI.
  The following code sample demonstrates using Kendo in code based on MVC:
  

The minified versions of all JavaScript files, except jQuery, are also available via CDN, using the following convention: https://kendo.cdn.telerik.com/<version>/js/<filename>.min.js

EXAMPLE: https://kendo.cdn.telerik.com/2020.2.513/js/kendo.all.min.js

For more information refer to the CDN Services article from the Kendo UI documentation. To discover the exact version of Kendo UI shipping with Sitefinity CMS you are using, see Sitefinity release notes.

Kendo UI requires the kendo_bootstrap_main_min.css or kendo_classic_main_min.css stylesheet.
The stylesheet includes all common and theme-specific styles like colors and backgrounds. 

You use these resources in your widgets the following way:

NOTE: If you are upgrading to Sitefinity CMS 14.2 or higher, you should refer to the Less to Sass Theme Migration Kendo UI documentation. Due to Kendo UI LESS themes deprecation by the end of 2022, Sitefinity CMS now uses the SASS themes. Components have new rendering, so some CSS classes might no longer be present. If you use any of those classes to customize a component, you must update their references or the customizations will be lost.