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.

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?