How to create KendoUI ASP MVC 4 project.

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.
Create KendoUI ASP MVC Project | Samurai Listing Example

3. Add KendoUI

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

Create KendoUI ASP MVC Project | Samurai Listing Example
Create KendoUI ASP MVC Project | Samurai Listing Example

4. Test the project

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

Create KendoUI ASP MVC Project | Samurai Listing Example

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

Create KendoUI ASP MVC Project | Samurai Listing Example

5. Hit “F5”.

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

Create KendoUI ASP MVC Project | Samurai Listing Example

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.

Advertisements

One comment

  1. Pingback: Simple KendoUI Example – SamuraiListing | BizVise - Melaka Software Development


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s