Telerik team made adding KendoUI to ASP MVC 4 project easy with its VSExtension. Here’s a simple step by step guide to create a KendoUI ASP MVC project.

1. Download and install Kendo UI for ASP.NET MVC VSExtensions

This Visual Studio Extensions includes Project Templates, Configure and Upgrade Wizards that help programmer add manage KendoUI project seamlessly in Visual Studio. You can change the KendoUI theme using this addin too. It’s available free to download too.

2. Create an ASP MVC4 Project

First, create an ASP MVC project as usual. I normally choose “Empty ASP MVC” project template.

3. Add KendoUI

Add KendoUI to project using the installed extension by selecting “Convert to KendoUI ASP MVC Application”.

4. Test the project

Test the KendoUI project by creating a HomeController.cs, then add a View to the Index action.

In the Index.cshtml file, we create a KendoUI DatePicker to test the installed KendoUI.

5. Hit “F5”.

If done properly, you should be able to see the KendoUI DatePicker as showed below.

Important Note:

You are looking at one of the blog post I completed in a tutorial series about KendoUI and ASP MVC4, you can find out the Table of Content on - Simple KendoUI Example – SamuraiListing


Step 1 – How to create KendoUI ASP MVC 4 project.
Step 2 - How to Create a SQL Database Project for ASP MVC in Visual Studio 2012
Step 3 - How to create a simple data access layer using Repository Pattern with Entity Framework
Step 4 - How to create a simple data access layer Unit of Work pattern with Entity Framework
Step 5 - How to add Database and DataModel class to ASP MVC4 project.
Step 6 - How to add KendoUI Grid Control and perform CRUD with ASP MVC.