Currency Input

Content Type: Widget
Categories: Utility,User Interface

Overview

Currency Input is used for handling currency input with automatic formatting, validation, and customization. It supports decimal precision, and prefix/suffix styling. It ensures smooth user interaction, managing edge cases like negative values and thousands separators, making it ideal for applications requiring accurate currency input.

Documentation

Currency Input is used for handling currency input with automatic formatting, validation, and customization. It supports decimal precision, and prefix/suffix styling. It ensures smooth user interaction, managing edge cases like negative values and thousands separators, making it ideal for applications requiring accurate currency input.

Features

  • allowDecimals - Allow decimals.
  • allowNegativeValue - Allow user to enter negative value.
  • defaultValue - defaultValue.
  • Value - value.
  • Placeholder - Placeholder if no value.
  • decimalsLimit - Limit length of decimals allowed.
  • decimalScale - Specify decimal scale for padding/trimming.
  • fixedDecimalLength - Value will always have the specified length of decimals.
  • prefix - Include a prefix eg. £ or $.
  • Suffix - Include a suffix eg. € or %.
  • decimalSeparator - Separator between integer part and fractional part of value.
  • groupSeparator - Separator between thousand, million and billion.
  • disabled – disabled.
  • disableAbbreviations - Disable abbreviations eg. 1k -> 1,000, 2m -> 2,000,000.
  • disableGroupSeparators - Disable auto adding the group separator between values, eg. 1000 -> 1,000.
  • maxLength - Maximum characters the user can enter.
  • step - Incremental value change on arrow down and arrow up key press.

 

Dependencies:

• Mendix modeler 9.24.22.

 

Demo URL:

https://currencyinput-sandbox.mxapps.io/index.html?profile=Responsive

 

demo_administrator

Q4cphWB29xy7

 

Issues, suggestions and feature requests

https://github.com/bharathidas/CurrencyInput/issues

Releases

Version: 1.0.0
Framework Version: 9.24.22
Release Notes: **Currency Input** Currency Input is used for handling currency input with automatic formatting, validation, and customization. It supports decimal precision, and prefix/suffix styling. It ensures smooth user interaction, managing edge cases like negative values and thousands separators, making it ideal for applications requiring accurate currency input. **Features** • **allowDecimals** - Allow decimals. • **allowNegativeValue** - Allow user to enter negative value. • **defaultValue** - defaultValue. • **Value** - value. • **Placeholder** - Placeholder if no value. • **decimalsLimit** - Limit length of decimals allowed. • **decimalScale** - Specify decimal scale for padding/trimming. • **fixedDecimalLength** - Value will always have the specified length of decimals. • **prefix** - Include a prefix eg. £ or $. • **Suffix** - Include a suffix eg. € or %. • **decimalSeparator** - Separator between integer part and fractional part of value. • **groupSeparator** - Separator between thousand, million and billion. • **disabled** – disabled. • **disableAbbreviations** - Disable abbreviations eg. 1k -> 1,000, 2m -> 2,000,000. • **disableGroupSeparators** - Disable auto adding the group separator between values, eg. 1000 -> 1,000. • **maxLength** - Maximum characters the user can enter. • **step** - Incremental value change on arrow down and arrow up key press. **Dependencies**: • Mendix modeler 9.24.22. **Demo URL**: https://currencyinput-sandbox.mxapps.io/index.html?profile=Responsive demo_administrator Q4cphWB29xy7 **Issues, suggestions and feature requests** https://github.com/bharathidas/CurrencyInput/issues **Screenshots**: ![Screenshot_1](https://github.com/user-attachments/assets/b618f0a0-4098-4ab5-a228-1d114187dc64) ![Screenshot_2](https://github.com/user-attachments/assets/9f6dfc6a-8689-4c08-8bd2-b70640202ebb) ![Screenshot_3](https://github.com/user-attachments/assets/4acc0cc0-27de-47ff-988d-0490efa39be1)