How do you get the iOS Keyboard with form controls?


#1

I just learned to use input type="email" to get the email keyboard. But there is also an iOS keyboard with form controls at the top, something like:

< >                 done

How do I get that keyboard to show up? I’d like to offer the done option to hide the keyboard.


#2

Hello @mixofia

In order to make the done option show up, put this code in your app.js:

app.run(function ($ionicPlatform) {
    $ionicPlatform.ready(function () {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if (window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
        }
        if (window.StatusBar) {
            // org.apache.cordova.statusbar requixred
            StatusBar.styleDefault();
        }
    }); 

This line:

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);

is the one that you really want to care about, set to true to hide the done option :smile:


#3

that does the trick. thanks!


#4

You’re welcome @mixofia :smile: