Hide the panel above the iPhone, PhoneGap keyboard

Question

I am developing an iPhone application using PhoneGap. The application has a page containing only one text field for user input. Since there is no other input field on this page, I want to hide the toolbar above the keyboard to give the user more free space. Is there any way to do this? using javascript

Answer 1

I don’t know if this is possible directly using the Phonegap API, but you can change this behavior using your own code by writing the PhoneGap plugin for this.

For details, see the links below (they are not accurate, but will provide you with the necessary information):

Programmatically align toolbar over iPhone keyboard

http://gabriel-tips.blogspot.in/2011/05/input-accessory-view-how-to-add-extra.html

Answer 2

you can hide it by adding this to the config.xml file:

<preference name="HideKeyboardFormAccessoryBar" value="true"/> 

http://docs.phonegap.com/en/3.4.0/config_ref_index.md.html#The%20config.xml%20File

Answer 3

Try this cordova plugin https://github.com/don/KeyboardToolbarRemover

Also responded to this duplicated Phonegap iOS6 stream: the right solution to remove the form help panel (previous, next, completed)

Answer 4

There is a way. This guy did this by making changes to AppDelegate.m. You can find the description in this link in the bonus code section. You can also link to the code developed by Kerri Shotts. Code here

Now that the done button has finished, I'm trying to figure out how to make the keyboard disappear. This will be the next step.