Access Kendo libraries that are shipped with Sitefinity CMS

Overview

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 Kendo UI libraries that ship with Sitefinity CMS.

Combined scripts

The following combined scripts can be used to simplify the 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:

Use Kendo UI libraries via CDN

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.

IMPORTANT: When using Kendo UI version R3 2022 or later, you must include its license file on your pages. To learn more how to obtain and use the Kendo UI license file, see Setting Up the License File in the Kendo UI for jQuery documentation. To learn how to include a JavaScript file in your page and page templates, see JavaScript widget and Add JavaScript resources.

Use Kendo UI Stylesheets

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.

Additional resources

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?