Depending on the requirements of your project, you might need to skip some of the Kendo UI utilities and install only what you need.
To facilitate the common project types, Kendo UI ships the following combined scripts in the bundles or on CDN:
kendo.ui.core.min.jscontains all widgets supported by the Kendo UI Core distribution. The relevant script is available in the Kendo UI Core package as well.
kendo.all.min.jscontains a minified version of all features provided by Kendo UI.
kendo.all.min.jsis available in the Kendo UI Professional, Telerik UI for ASP.NET MVC, Telerik UI for JSP and Telerik UI for PHP bundles. However, the
kendo.all.min.jsdoes not include the
kendo.aspnetmvc.min.js. To install it, add
kendo.all.min.js, or use the custom download builder tool.
kendo.web.min.jsis available in Kendo UI Professional, JSP, PHP, and MVC. It includes the core framework and all desktop browser widgets (previously distributed as Kendo UI Web).
kendo.dataviz.min.jsis available in Kendo UI Professional, JSP, PHP, and MVC. It includes the core framework and all data visualization widgets (previously distributed as Kendo UI DataViz).
kendo.mobile.min.jsis available in Kendo UI Professional, JSP, PHP, and MVC. It includes the core framework and all mobile device specific widgets (previously distributed as Kendo UI Mobile).
kendo.all.min.jsor build a custom script.
Do not register any of the combined script files together with an individual widget script from the same suite. For example, do not register
kendo.all.jsbecause they already include the Grid scripts.
The following list provides the references to the script files which, whether minified or not, that can be included on a per-widget basis depending on your preferences and requirements of your project.
- List of Kendo UI widgets in terms of their bundle support
- Script Files for Data Management
- Script Files for Editors
- Script Files for Charts
- Script Files for Gauges
- Script Files for Barcodes
- Script Files for Diagrams and Maps
- Script Files for Scheduling
- Script Files for Layout
- Script Files for Navigation
- Script Files for Interactivity and UX
- Script Files for Hybrid UI
- Script Files for Tools, Frameworks and Utilities
- Script Files for Server-Side Wrappers
You can create your own custom scripts that provide just the widgets and features your project requires.
- Do not use multiple custom combined scripts, as they will contain duplicate code. Instead, create one combined script file, which includes everything you need.
- It is not possible to load Download Builder packages by using RequireJS because the tool will not create the required AMD modules.
If you use the Kendo UI Core package, you can build a custom distribution using the
gulp build tool by following the instructions in the README article.
As of the Kendo UI 2014 Q3 release, the necessary build scripts are shipped in the
src/ directory of the downloadable commercial bundles. To build a custom distribution from the shipped source, run the shell commands from the example below.
cd src npm install -g gulp npm install gulp custom -c autocomplete,dropdownlist
List the components you want to be included in the custom build and separate them with a comma (
,). The example above builds a custom minified script which includes the AutoComplete and the DropDownList widgets.
To build the entire Kendo UI library, run:
gulp custom -c all
When complete, the
gulpcommand outputs a
kendo.custom.min.jsfile in the
src/distdirectory. The Gulp build task automatically resolves the needed dependencies for each component, so you do not have to list them. Do not use multiple custom combined scripts, as they will contain duplicate code. Instead, create one combined script file, which includes everything you need.
To compile a custom script version that is not minified, remove or comment out the following line from the
... .pipe(uglify()) ...
Other articles on getting started with Kendo UI:
- Get Started with Kendo UI
- Kendo UI CDN Services
- Initialize Widgets Using jQuery Plug-Ins
- Initialize Widgets Using Markup
- Access Widget DOM Elements: wrapper and element
- Set Data Attributes
- Widget Methods and Events
- Destroy Widgets
- Edit Widgets
- Create Custom Widgets
- Bower Packages
- NuGet Packages