ASP.NET MVC 4: New mobile web application template

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.

ASP.NET MVC 4: Mobile index page  ASP.NET MVC 4: Mobile contacts page

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.

Gunnar Peipman

Gunnar Peipman is ASP.NET, Azure and SharePoint fan, Estonian Microsoft user group leader, blogger, conference speaker, teacher, and tech maniac. Since 2008 he is Microsoft MVP specialized on ASP.NET.

    Leave a Reply

    Your email address will not be published. Required fields are marked *