Setting Development Environment in Visual Studio 2010 using NuGet for KendoUI

Read more about Kendo UI here

Read How to work with NuGet here

In this post we will walkthrough on setting up development environment in Visual Studio 2010 by installing NuGet package of KendoUI. To start with launch Visual Studio and create Web Application project.

image

Now delete Default.aspx, About.aspx,Site.master files from the project.

image

After deleting files right click on solution explorer and click on Manage NuGet Package.

image

In Mange NuGet Packages windows search for KendoUIWeb. After searching once you get the package click on Install button to install all Kendo UI Web components to the project.

image

After clicking on Install, you should get Installing window as following. After successful installation close Mange NuGet Packages windows.

image

Once KendoUIWeb has been installed you will find KendoUI JS files has been added in Scripts folder and KendoUI CSS files along with images has been added to a kendo subfolder inside Content folder.

image

Once all the required files have been added to the project, next add a Web Form. To add a web Form right clicks on solution explorer and click on Add New Item. Choose Web Form from Web tab .

image

Now we need to add reference of Kendo on the Web Form. To get started with development add minimal you need to add below references on the page.

image

After adding all the references you are all set to start development using Kendo UI. Read more on Kendo UI here

Advertisements

2 thoughts on “Setting Development Environment in Visual Studio 2010 using NuGet for KendoUI

  1. Pingback: Consuming JSON based WCF REST Service in Kendo UI Mobile « Telerik Helper

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