7

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

Cable W
  • 633
  • 1
  • 8
  • 17

4 Answers4

4

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

Moussawi7
  • 12,359
  • 5
  • 37
  • 50
1

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)

Community
  • 1
  • 1
Mulhoon
  • 1,852
  • 21
  • 26
1

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

Community
  • 1
  • 1
dhaval
  • 7,611
  • 3
  • 29
  • 38
  • thanks! It's a good idea. Unfortunately I know only a little about Object-c. But I'll try it, as it seems the only option I got. – Cable W Mar 07 '12 at 11:25
  • i have a basic phonegap-ios plugin structure at following gist which might help you - https://gist.github.com/1675595 – dhaval Mar 09 '12 at 11:13
0

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.

Community
  • 1
  • 1
Rahul Kahale
  • 519
  • 6
  • 19