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> 

enter image description here
when click on text field android keyboard appears on screen , changes height of layout, first input field lifted , not visible user
enter image description here

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

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -