357
Views
4
Comments
[Cordova Keyboard Plugin] Not able to see 'Done' button on keypad on iOS device
Question
cordova-keyboard-plugin
Mobile icon
Forge asset by Henrique Batista

Hi,

We have a screen where there are no. of fields placed vertically(as shown in Screenshot 1). When user clicks on any of the fields the keypad overlaps the button that are placed at the bottom of the screen (please refer to Screenshot 2). 

Earlier we used to see a 'Done' button over the keypad which allowed us to close the keypad (Please refer to Screenshot 3).  Even the production build does show the 'Done' button over the keypad.

But in latest development builds we are are not able to see the 'Done' button, all we have to do is click on any part of the screen apart from the keypad. 

Can anyone please help us in this regards.

Regards,

Shreyas Bhondve




2021-01-06 14-10-16
Camila Teixeira Carneiro

Hello, 

I think that the best way to do it is: the button that you have "Submit/Cancel", should be placed all the time in the top of the keyboard. For that you should use some css to achieve it.

2019-04-09 13-53-33
Shreyas Bhondve

Camila Teixeira wrote:

Hello, 

I think that the best way to do it is: the button that you have "Submit/Cancel", should be placed all the time in the top of the keyboard. For that you should use some css to achieve it.

I believe we do have an action to hide/show the Form Accessory Bar of the keypad.

So why do I need to do it via CSS ? 


2019-04-09 13-53-33
Shreyas Bhondve

Hi Team,

Can anyone please help me in this regards.

We have a production deployment lined up and I need to resolve this issue ASAP.

Regards,

Shreyas Bhondve

2024-02-01 13-08-22
Sérgio Duarte

Shreyas Bhondve wrote:

Hi Team,

Can anyone please help me in this regards.

We have a production deployment lined up and I need to resolve this issue ASAP.

Regards,

Shreyas Bhondve

Hi Shreyas,

I don't know if you need help, but today I was facing the same problem and for me was an easy fix.

If you are using the cordova-plugin-ionic-keyboard, you just need to set the following javascript on your layout 

  • Keyboard.hideFormAccessoryBar(false);


Regards

Sergio


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.