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.


This should create a project for you with following 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.


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.