Input Mask Reactive - Overview (O11) | OutSystems

Log in

input-mask-reactive

Stable version 1.0.5 (Compatible with OutSystems 11)

Uploaded

on 15 November 2021

by

4.2

(10 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 (1.0.5)

Fixed bug relating to Min and Max properties on the InputNumberMask (thanks to Furkan Çetin)

Reviews (4)

by

18 May (3 days ago)

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 :)

by

2024-10-11

in version 1.0.5

Values placed inside an input that have a mask applied aren't received correctly by a local variable, making it unusable for data intake. Also, for some reason, allows for letters to be placed on an input that has the "Number" data type.

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.