Input Mask Reactive - Overview (O11) | OutSystems

Skip to Content (Press Enter)

Log in

input-mask-reactive

Stable version 2.0.0 (Compatible with OutSystems 11)

Uploaded

on 20 Aug (3 weeks ago)

by

4.3

(11 ratings)

input-mask-reactive

Details

Integrates imask.js (https://imask.js.org) input masks for reactive web applications. Currently supports number masks and pattern masks: https://imask.js.org/guide.html

Asset screenshot_0

Read more

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

Currently supports number masks and pattern masks:

Release notes (2.0.0)

Deprecated old InputNumberMask and InputPatternMask components
Added new InputNumberMask and InputPatternMask components
- Almost identical to old blocks, just with a new OnValueChangedEvent.
  - Returns number for InputNumberMask
  - Returns unmapped value for InputPatternMask
- They should now be used on Input fields that are bound to Text variables (also for InputNumberMask)
Now correctly supports copy-pasting values
Bug fixed with using InputPatternMask and Lazy = false
Demo updated to show how to use the new components.

License (2.0.0)

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (5)

by

2 Sep (11 days ago)

in version 2.0.0

Nice wrap of imask.js for reactive inputs

by

18 May

in version 1.0.5

Good Component!!

by

3 Jan

in version 1.0.5

Thank you for the forge, but it still has a bug.
the number input widget still allow type letter "e" into the input. Please fix it :)

Team

Other assets in this category

multiple-file-upload

Allow you to upload multiple files in one upload form or using drag and drop functionality.

Custom Input Masks uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, currencies, numbers, phone numbers, emails, urls ... Using input masks you’ll get better and more consistent data, and it will be a lot easier for your users to read and enter that data.

CKEditor is an open source WYSIWYG rich text (HTML) editor that can be embedded in web pages. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

More from Steven Decock

lazydropdownsearch

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.

reactiveautocomplete

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

application-information

With this component you can programmatically get the name and version of an application from LifeTime for the current environment, and also the name of the current environment.