Native mobile PIN input

Category: Widgets
Subcategory: Input widgets

Overview

Native mobile PIN input. From a security point of view, the regular input widgets are not suitable for PIN entry, because the regular onscreen keyboard could be compromised. This widget uses buttons and shows the number of entered digits in a readonly text box.

Documentation

Demo url

NativePinInput

Native mobile PIN input.

From a security point of view, the regular input widgets are not suitable for PIN entry, because the regular onscreen keyboard could be comprimised.

This widget uses buttons and shows the number of entered digits in a readonly text box.

Features

  • Secure PIN entry
  • Configurable number of digits
  • Configurable icon for the delete button
  • Supports validation feedback on the attribute
  • On change action
  • On input complete action
  • Widget styling responds to dark mode setting of the device, can also be fixed on dark/normal mode
  • Two basic layouts: circle buttons and a more compact numeric keyboard layout
  • Styling can easily be overruled.

Usage

  • Your entity needs to have a string attribute for the PIN value. Integer does not work because leading zero's would be lost.
  • Configure the number of digits for your situation.
  • Configure the action events where appropriate.

Remarks

  • The widget will never show an existing value, not even the number of characters.
  • The widget value will clear if you set the attribute to empty in a nanoflow.
  • First clear the value and then send validation feedback. Feedback will not be visible the other way around.
  • To center the widget horizontally, place the widget in a container that has Size=Minimum space and Align=Center

Releases

Version: 2.2.0
Framework Version: 9.6.5
Release Notes: Dark mode icon
Version: 2.1.0
Framework Version: 9.6.0
Release Notes: Mendix 9.6, new icons, tested with Atlas 3
Version: 2.0.0
Framework Version: 9.0.2
Release Notes: Mx9 release
Version: 1.4.0
Framework Version: 8.15.1
Release Notes: No functional changes. Updated internal dependencies to match Mx8.15. Code cleanup. Added remark on how to center the widget properly
Version: 1.3.1
Framework Version: 8.5.0
Release Notes: Clear input when widget has a value and receiving empty property value. Be sure to clear the value first and then send validation feedback, the other way around, the validation feedback will be lost.