WEB DEVELOPER SITE
TUTORIALS HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML


 

Ionic - Javascript Keyboard


Keyboard is one in every of the machine-driven options in Ionic. this implies that Ionic will acknowledge once there's a desire to open the keyboard.

Using Keyboard

<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, once we faucet on the input field, the keyboard can open mechanically and therefore the button can become hidden.

Ionic Keyboard

A nice feature of Ionic is that it'll regulate parts on screen, therefore the targeted component is usually visible once the keyboard is open. the subsequent image below shows 10 Input forms and also the last one is blue.

Ionic Keyboard False

When we faucet the blue kind, Ionic can modify our screen, that the blue kind is often visible.

Ionic Keyboard True

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

welookups.com
Javacodegeeks