ASP.NET MVC 4 Developer Preview introduces also new template for mobile web applications. These templates are special because they are using jQuery Mobile – special jQuery library for building mobile user interfaces. In this posting I will show you how new mobile web application template looks like.
Two forms below show you home and contact page of mobile web application. These forms are built using jQuery Mobile. jQuery Mobile uses simple HTML mark-up and media queries to make forms look nice. Older browsers and browsers with less features are still able to render these forms in acceptable manner but these forms may seem more basic and not so cool.
jQuery Mobile supports more features than showing nice lists. By example there are toolbars and navigation bars, dialogs, buttons, lists etc you can use when building your mobile web application. Also take a look at the very important document that describes jQuery Mobile support levels for different mobile web browsers before you give any promises to your customers.