New Bootstrap 4 Input features

With the release iOS 12.2, we are able to add a couple of new features to the Bootstrap 4 Input control. (These features are in Chrome 69+ as well). You’ll need AppStudio 7.3.1.2.

These new features will help users enter information more quickly and accurately.

DataList

DataList lets you control the hints the keyboard brings up as the user type into an Input control.

Suppose our datalist is the following: Bob, Carol, Ted, Alice and Caroline. Here how it will look on iOS:


Notice the down arrow which now appears in the Input box? Also, see how the first 3 names appear at the top of the software keyboard?

As you enter characters, the hints are refined:

You can also change the datalist dynamically in your app at any time:

Input2.datalist = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"]

InputMode

InputMode lets you specify which soft keyboard should appear. Choices are:

  • none
  • text
  • tel
  • url
  • email
  • numeric
  • decimal
  • search

If you don’t specify an inputmode, the default will be used. This feature only has an effect on mobile devices. On the desktop, there is no need for a soft keyboard.

Here’s how some of the keyboards look (in iOS). Android will have their own versions:

Search
Url
Text
Decimal
Numeric
Email
Tel
default