cordova - android keyboard changes layout of phonegap application -
i create quiz application android using phonegap framework, first page of application contains sign form, want user information. code is
<table class="m"> <tr> <td class="left">name:</td> <td class="right"><input class="t" type="text"/></td> </tr> <tr> <td class="left">image:</td> <td class="right"><input class="t" type="text"/></td> </tr> <tr> <td class="left">email:</td> <td class="right"><input class="t" type="text"/></td> </tr> <tr> <td class="left">phone:</td> <td class="right"><input class="t" type="text"/></td> </tr> </table>
when click on text field android keyboard appears on screen , changes height of layout, first input field lifted , not visible user
how can fix problem
i believe html codes simple, may should little bit more complicated. in case, put table inside div tag, , set width , height of div javascript according screen width , height of different phones , browsers.
also, font-size set @ ratio respect screen width actual font size seen user approximately same different phone.
then, use scrollheight of div make sure user can see focused input textbox when being edited.
Comments
Post a Comment