Software Archive
Read-only legacy content
17061 Discussions

Keyboard overlay on data entry fields

Soman__Manoj
Beginner
380 Views

HI,

Have developed app using intel XDK (cardova)... works good except for one thing..

Whenever user types in any field, field being typed in gets below soft keyboard..

Have tested it on Android...

For fields on  upper side of page, it still okay that user can scroll up manually to see field.. but for fields on lower side of page, that's not an option.. as user can not scroll up as field is completely below keyboard and user has to practically type blindly without knowing what is getting typed in field..

Any option to solve this?

0 Kudos
4 Replies
PaulF_IntelCorp
Employee
380 Views

Try using the Ionic keyboard plugin to get more control over the soft keyboard. You'll find it in the featured plugin list. There may be other similar plugins out there that can help you with this issue. You'll have to search the Internet for them.

0 Kudos
Soman__Manoj
Beginner
380 Views

Thanks Paul

0 Kudos
Paul_J_1
Beginner
380 Views

We are struggling with the same problem. Our app does not use the ionic framework, but we did install the plug-in and verified that it is being initialized and called.

The plug-in has a very limited API, and it seems that the hide and show keyboard events might be useful.

I've looked around on this forum, and on StackOverflow, but have yet to come across a successful solution. Some of the more recent posts indicate a possible issue with Cordova.

https://software.intel.com/en-us/node/608010

We have changed the full-screen settings, which made the problem better, but have not gotten any further.

Is there something we should be doing with the ionic keyboard plug-in that we are not doing?

It seems there are several posts regarding Android keyboard issues on this forum as well as on SO.

0 Kudos
PaulF_IntelCorp
Employee
380 Views

I suspect the issue is managing the scrolling of your view. Some references to that are here > https://github.com/driftyco/ionic-plugin-keyboard#keyboarddisablescroll < This plugin might be what you are looking for, it has an option to shrink the size of the webview when the keyboard appears > https://github.com/cjpearson/cordova-plugin-keyboard#keyboardshrinkview <

0 Kudos
Reply