Question
Currency / Number / Date Control Masked input - Product enhancement
We need a way to mask inputs for users while they are typing so that they can't enter an invalid format. For example if a customer enters a currency it should look like this "1.000,99" while typing. The dot should appear automatically and after the user enters a comma only two more numbers should be allowed to enter after the comma. Another example would be a date control which autmatically adds the dots (e.g. 26.09.2019 in german format) while typing and also restricts the possible range of dates a user can enter to a particular period. There are some javascript solutions (e.g.https://www.syncfusion.com/javascript-ui-controls/js-input-mask or https://imask.js.org/) for such a scenario but we can't use them by a company guidline.
Hi,
thank you for your response, but I think I was a little unspecific there. Sorry!
We need to restrict the date range on a monthly or daily basis and additionally the user shouldn't be able to enter a wrong date in the input field by typing it in. The pega setting only restricts the date picker.
Regarding the format we need the dots to appear while the user types. For example if a user types on his keyboard "01012019" the input control would look like this "01.01.2019" without the user ever hitting his "." key. Doing a save as on the pxDateTime control I don't think there is a way this would let the dots appear automatically while the user types.
Hi,
To restrict the range of dates, you can try giving it in the Presentation tab of the cell properties of the property. (Please refer the screenshot )
Also, regarding the format try to do a save as of the pxDateTime control and specify your custom format. Use the control as UI control in the property.
Please take a look at this article : https://community1.pega.com/community/pega-academy/question/show-input-mask-input-field
Hope this helps!