The modern text input control – what is new about it?

Introduction

Modern controls have made canvas apps more beautiful by default. While there have been a few things about them that aren't great (like missing properties when compared to classic controls), things have been improving with time. A recent round of updates have came out to a bunch of modern controls. In this post, we will review changes to the modern text input control.

Changes to modern text input control

The biggest change to the modern text input control is that the OnChange will now trigger only on focus out even though there are 3 different values for trigger output.

I am doing to share a quick demo of how the 3 different trigger outputs behave. Notice how in all of the 3 cases, the OnChange gets triggered only on focus out.

The setup for this demo:

1. There is a text input control
2. A label will show the value of the text input control i.e. the text written in the text input control
3. The OnChange of the text input control will toggle a variable from a true to false or from false to true
4. Another label will show the value of this variable

Demo with Trigger Output set to Focus Out:

Demo with Trigger Output set to Delayed:

Demo with Trigger Output set to Key Press:

Recent articles

1. How to add smart offline capabilities in embedded canvas apps
2. How to add offline capabilities in embedded canvas apps
3. A unique app to create and manage family trees – Part 2