How to input page design for mobile? RRS feed

  • Question

  • User-1104215994 posted


    I have a web application and I would like to have this web app on my mobile. I have an input page with textboxes etc and I would like to know if there is a smart way to design this page for mobile. Any help would be great?

    Best Regards.

    Thursday, February 16, 2012 6:46 AM

All replies

  • User1918766559 posted

    For Mobile Web , there are lots of Open Source JavaScript , HTML5 controls available optimized for Mobile browsers like JQTouch, JQuery Mobile, Sencha Touch, Dojo, CSS3 BoilerPlate etc with advanced support of CSS 3 media queries.

    With this controls you will get tremendous support of advanced mobile web designing experience with input form controls. Only you need to take care of adaptive rendering for mobile web by inserting the code in the <head> section of your web page.

    <meta name="viewport" content="width=device-width" />

    A lot of examples: Sencha Touch: http://dev.sencha.com/deploy/touch/examples/ 

    JQuery Mobile:    http://jquerymobile.com/ 

    JQTouch : http://jqtouch.com 

    Dojo toolkit: http://dojotoolkit.org/features/ 

    References: http://anindita9.wordpress.com/category/windows-phone-7/mobile-asp-net/ 






    Thursday, February 16, 2012 11:39 PM
  • User-269136472 posted

    Thanks .. for the URLs. and my question is, input text in mobile versions of web sites than what i opt for radio button or list ?

    Wednesday, February 22, 2012 12:14 AM
  • User1943143334 posted


    Except List control all other controls works fine!

    Incase of list, you need to develop custom list control using DIV,LI tags!

    Hope it helps u...

    Thursday, March 1, 2012 1:52 AM