I am trying to design an ASP.net based mobile web application that should run on IPhone, Blackberry etc. while giving the look and feel of the native application.
This seems to be no easy and straightforward task, or example IPhone menus are at the top while other mobile platform uses menu button on the phone itself (at the bottom). Also designing a good application with IPhone look and feel is not just css and js scripts that can be tailored for another device(say blackberry).
I am planning to extend XHTML and then use XSLT to properly expand to correct html for the output device. For example,
<html xmlns="http://...> <head> ... </head> <body> <menu> <menuItem Name="Home" Url="..." /> <menuItem Name="Back" Url="..." /> </menu> <span>This is a test page</span> </body> </html>
So, when we run this using a iPhone XSLT (for example) we can expand the menu at the top and when using another device we can expand it at the bottom.
I am curious to know if anybody else has solved this problem in the same way or in a different way or have some other ideas.
Thanks for your time!
Stretching An Image in Tableview