Canvas Apps Controls User Experience

Q – Qwerty keyboard – How to create one!

A mechanical keyboard
A mechanical keyboard

Introduction

Qwerty keyboards have been around for ages. In Power Apps, when you click on say a text input control, the mobile device's keyboard pops up. However, you might want some additional control over the keyboard. For example, you may want to block certain keys based on some logic. I created a game Cows & Bulls, which is the game that Wordle is inspired from, in Power Apps a few weeks/months ago. It is basically like a Wordle of numbers. To make the game work, I wanted some restrictions. For example, a user should not be able to use the same digit twice. So I created a custom numeric keyboard just for the app. This prompted me to create a full blown QWERTY keyboard so I could customize and use it whenever needed. I will try to convert this into a component and share with the community. To learn more about components, click here.

Qwerty keyboard demo

Here is a demo of the Cows & Bulls app:

Here is a demo of the QWERTY keyboard:

QWERTY keyboard demo
QWERTY keyboard demo

Recent articles

Leave a Reply