Input Mask Reactive - Overview | OutSystems

Stable version 1.0.4 (Compatible with OutSystems 11)

Published on 14 Sep by

4.3

(3 ratings)

Details

Integrates imask.js (https://imask.js.org) input masks for reactive web applications. Currently only supports pattern masks: https://imask.js.org/guide.html#masked-pattern

Read more

Integrates imask.js (https://imask.js.org) input masks for reactive web applications.

Currently only supports pattern masks: https://imask.js.org/guide.html#masked-pattern

What’s new (1.0.4)

Fixed "appends last character" bug where clearing the input field's variable in a client action would not update the mask properly.
Mask now gets reloaded when any of the inputs change (OnParameterChanged). This now allows the input parameters to be filled in with data coming from a Data Action or Aggregate for example.
Upgraded to latest version of iMask.js

Reviews (1)

6 Apr

in version 1.0.3

This mask solve my problems with other masks, paste with decimal amounts and show correctly a pre-filled value.

Related assets

A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .

The OutSystems UI framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.

The OutSystems UI framework for Traditional Web apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.

More from Steven Decock

DropdownSearch widget with possibility to lazily load the items based on the search term. It behaves the same as the default DropdownSearch widget with the added benefit of lazily fetching the dropdown items based on the search value. This is especially useful in cases where the list of possible values is just too big to load completely from the start.

Autocomplete box to put next to an Input field. Can be used to provide suggestions, as in the Google search bar.

Visualize any object as an expandable element on screen. Very useful for debugging purposes.