Download & Install
The easiest way to install the framework is by using the Progress Control Panel which is available at your Telerik Account Page.
Log in to the Control Panel with your Telerik account credentials and follow the installation steps for Telerik UI for ASP.NET MVC. After the app has completed downloading the files you can find them in
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET MVC <VERSION>\
What's in the box
- Component Assemblies - Kendo.Mvc.dll
- Exporting API Assemblies
- Kendo UI source files - js, css, fonts, images, etc.
- Visual Studio Extension - Project Templates, Configure and Upgrade Wizards
- Demo Projects
When we open the menu for creating a new web project we see that the Visual Studio Extension has added three project templates:
- Kendo UI ASP.NET MVC 5 Application - MVC 5 project using pure Kendo UI jQuery plugins.
- Telerik ASP.NET MVC Application - MVC 5 project using Razor Html Helper components.
- Telerik ASP.NET Core MVC Application - MVC 6 project based on ASP.NET Core using Razor Tag Helper components.
In this guide we'll see how to set up our project manually thus having full control over what's being included and used.
Add Reference to Kendo.Mvc.dll
The file is located in
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET MVC <VERSION>\wrappers\aspnetmvc\Binaries\Mvc5
Include the Kendo Namespace globally to the Razor Templates
<add namespace="Kendo.Mvc.UI" /> to Views/Web.config
Include Kendo UI to your bundles
First, we should add Kendo UI source files and assets to our project. We do not need everything that is provided in the source folder.
As a best practice I'd recommend creating separate folders(named
Content/ folders in your project.
/Telerik UI For ASP.NET MVC <VERSION>/jswe copy to
Telerik UI For ASP.NET MVC <VERSION>/styleswe copy to
Now add the follwing code to
If we have rendered our script bundles inside the <head> tag we can directly use the components inside our Razor views.
On the other hand if we render them before the closing </body> tag we should make sure defer the initialization of our components.
More the topic here. Now we're ready to get started with the Telerik UI components our MVC web app.