MVC4 – Mobile Application Template

This is my third post on Exploring MVC 4 Templates. & i will discuss“Mobile Application Template”

In Visual Studio 2010 . Create a new ASP.NET MVC4 Project.  Select “Mobile Application” from given list of Templates & click OK.

mvc_Mobile_Template

This should create a project for you with following defaults.

mvc4_Mobile_Defaults

We can see a two controller files added under Controllers Dir with a corresponding Views.

Also if we explore Scripts folder we can notice jquery Mobile library , that helps the content to dynamically fit for browsers on device.

mvc_Mobile_Scripts

Hit F5 & you should be able to see the application running.

We also need to see how will the page look like on actual device, Therefore we will launch Windows Phone 7 Emulator, & browse to our webpage url. (eg : http://localhost:62174/ )

You should be able to view the first page on your emulator.

MVC4 – Internet Application Template

This is my third post on Exploring MVC 4 Templates. & i will discuss“Internet Application Template”

In Visual Studio 2010 . Create a new ASP.NET MVC4 Project.  Select “Internet Application” from given list of Templates & click OK.

MVC4_InternetApplication

This should create a project for you with following defaults.

MVC4_InternetApplication_Defaults

We can see a HomeController.cs file added under Controllers with a corresponding Home View.

Hit F5 & you should be able to see the application running.