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

Combined scripts

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:

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.

Use Kendo UI Stylesheets

Kendo UI requires the following stylesheets:

  • kendo.common.css
    The common (base) stylesheet applies styles related to positioning and size, but are not related to the color scheme. They are always required for the widget to look properly and function correctly.
  • kendo.[theme].css
    The theme stylesheet applies theme-specific styles like colors and backgrounds.

You use these resources in your widgets the following way:

NOTE: Keep in mind that you need to add a reference to the jQuery library every time you register Kendo libraries.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?