WEB DEVELOPER SITE
TUTORIALS HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML


 

Ionic - Javascript Keyboard


Keyboard is one of the automated features in Ionic. This means that Ionic can recognize when there is a need to open the keyboard.

Using Keyboard

When you want to hide some elements while the keyboard is open, you can use the hide-on-keyboard-open class.
<label class = "item item-input">
   <input type = "text" placeholder = "Input 1">
</label>

<button class = "button button-block hide-on-keyboard-open">
   button
</button>

The above code will produce the following screen −

Ionic Keyboard Button

Now, when we tap on the input field, the keyboard will open automatically and the button will become hidden.

Ionic Keyboard

A nice feature of Ionic is that it will adjust elements on screen, so the focused element is always visible when the keyboard is open. The following image below shows ten Input forms and the last one is blue.

Ionic Keyboard False

When we tap the blue form, Ionic will adjust our screen, so the blue form is always visible.

Ionic Keyboard True

Welookups is optimized for learning.Copy right 2018 kumar aditya singh .
All Right Reserved and you agree to have read and accepted our term and condition.
All Rights Reserved.

welookups.com