CODEWITHSUNDEEP
javascriptiphonecordovakeyboardtoolbar
Cable W
Cable W

Reputation: 673

Hide toolbar above iPhone keyboard, PhoneGap

I'm developing a iPhone app using PhoneGap. In the app there is a page contains only one textarea for user's input. As there is no other input field on this page, I want to hide the toolbar above the keyboard to give user more free space. Is there any way to do so? using javascript

enter image description here

Upvotes: 7

Views: 4188

Answers (4)

Moussawi7
Moussawi7

Reputation: 13279

you can Hide it by adding this to config.xml:

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

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

Upvotes: 4

Mulhoon
Mulhoon

Reputation: 1902

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

Answered on this duplicate thread too Phonegap iOS6: Proper solution to Remove form assistant bar (prev, next, done)

Upvotes: 1

Rahul Kahale
Rahul Kahale

Reputation: 539

There is a way. This guy has done it by making modifications in the AppDelegate.m. You can find description at this link under bonus code section. You can also refer the code for same developed by Kerri Shotts Code Here

Now that the done button is gone i am trying to figure out how to make the keyboard disappear. This will be everybody's next step.

Upvotes: 0

dhaval
dhaval

Reputation: 7659

I don't know whether this is directly possible with phonegap API but you can change this behavior with native code by writing a PhoneGap plugin to do that.

Refer below links for more detail (they are not exact but will give you the required detail):

Programmatically align a toolbar on top of the iPhone keyboard

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

Upvotes: 1

Related Questions