0

Problem :- I am developing an android application which has got 2 fields. When focus on the fields, virtual keyboard will hide/overlaped on these field. So from here I found the solution <preference name="fullscreen" value="false" />. But it will result in STATUS BAR will shown and UI will pushed upwards. Hence, I reverted back.

Question :- Is there any jQuery patch or phonegap plugin to make virtual keyboard full screen [both Landscape and Portrait mode ] as you can see below image :

Full screen android keyboard

Please reply as soon as possible! Thanks in Advance. Regards,

Community
  • 1
  • 1
byJeevan
  • 3,728
  • 3
  • 37
  • 60

1 Answers1

0

Ok, I finally solved this problem with below jQuery Patch :

//JS : OnReady event:

 var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices

 $("input").focusin(function(){
    $("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
 });

 $("input").focusout(function(){
    $("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
 });
byJeevan
  • 3,728
  • 3
  • 37
  • 60