Keyboard – How to control the keyboard type on mobile

Introduction

One of the biggest complaints I have heard about Power Apps it that they don't work as well as native phone apps. That is true only if you don't pay attention to details and focus on designing the app's user interface/experience. One of the things that I noticed while using my phone apps is how the keyboard adapts to the data type of the text input field.

Tip - Use keyboard mode

If you want the same behavior, all you have to do is to use the VirtualKeyboardMode property of the text input control. It has 3 possible values: Auto, Numeric, and Text. While Numeric and Text are obvious, Auto means that the mode will default to the mode of the text input control. With this setting in place for two different text input controls (one with a VirtualKeyboardMode set to Numeric and the other set to Text).

Here is a quick demo:

To learn about the other properties of the text input control, click here.

Stay tuned for the remaining 15 tips!

Recent articles

1. Add Picture vs Camera Control – Who is the winner?
2. Background images for Power Apps screens – the right way!
3. Combo box or Dropdown? - Who is the winner?
4. Delegation in Power Apps – How to identify and test!
5. Edit vs Display – Which is the better form?
6. Formulas – How to learn the 170+ Power Apps formulas?
7. Galleries vs Data Tables – How to pick between the two in Power Apps?
8. Hyperlinks – How to launch web pages & apps in Power Apps!
9. Icons – How to increase performance!
10. Jump start – How to speed up Power Apps dev with components!