Centipede Mobile Numeric KeyPad Input

Content Type: Widget
Categories: Data

Overview

When inserting numbers, users get to see a full packaged keyboard on mobile devices. This is not really great for the user experience. To help this problem, I have created a text input field that forces the mobile device to pop only the numeric keypad. making it easier for the user to insert the desired number. - This is an improved version of the old MobileNumericKeyPadInput widget.

Documentation

Description
When inserting numbers, users get to see a full packaged keyboard on mobile devices. This is not really great for the user experience. To help this problem, I have created a text input field that forces the mobile device to pop only the numeric keypad. making it easier for the user to insert the desired number.

- This is an improved version of the old MobileNumericKeyPadInput widget.


Typical usage scenario
Use this widget on mobile web apps and PWA's when you need the user to see only the device numeric keypad. For example when inserting numeric input values.

You can also use this widget on desktop web apps, but then, you will miss the point of having the numeric keypad only. This widget is really meant to be used with mobile devices.

Features:
- Onchange events can be configured
- CSS classes can be passed to the widget
- Custom validation messages and default validation feedback
- Label can be set
- Editability can be set

Limitations:
For the best experience, use this widget on mobiel devices

Dependencies
No dependancies known at this moment

Installation
Download the widget from the appstore, Import it into your Mendix application, and place it in a data view with context, where you want the value to be inserted.

Configuration
Select the numeric attribute you want to bind. you can find this option under the Data sources property tab.

Bugs
Fixed: Default 0 displayed when value is empty. This bug is fixed in this version.

Releases

Version: 1.0.0
Framework Version: 8.18.10
Release Notes: Fixed the issue with the zero that was displayed by default. Now an empty value will leave the input field empty, instead of inserting a default zero digit value.