.NET Zone is brought to you in partnership with:

I am developer and technology maniac who is working on Microsoft and PHP technologies. I have ASP.NET MVP title and I hold MCAD, MCSD and MCTS certificates. When I have free time I usually play with new technologies, hack something, read books, participate in communities and speak in events. I am also active blogger and my ASP.NET blog is the place you can find some interesting reading about my discoveries and personal thoughts. Gunnar is a DZone MVB and is not an employee of DZone and has posted 142 posts at DZone. You can read more from them at their website. View Full User Profile

ASP.NET MVC 4: New mobile web application template

  • submit to reddit

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.

 Home page of mobile web application  Contact page of mobile web application

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.

Published at DZone with permission of Gunnar Peipman, author and DZone MVB.

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)