Euro Currency Field – PCF Code Component
This control is a React JS PCF Code Component I created for model-driven applications. Model-driven applications do not allow mixed currency symbols on a form by default. While the underlining hidden control is dollars, the visual (this PCF control) shows the Euro Symbol. You must calculate the exchange rate on your own if you want to convert it to another currency. This control is just for a visual representation only. The value is saved in the hidden underlining currency field as shown in the picture below. It allows a user to type in more than two fixed decimal places, but will automatically round the value using the same behavior as the default currency control has. The control uses Fluent UI and custom styles to match the style of a model-driven application currency field.
This project was generated with Power Apps component framework CLI.
npm run build to build the project.
npm run start to run the project.
Update Control Manifest
npm run refreshTypes to refresh the types.
Lint Fix React JS
Package the control
To get more help on the Power Apps component framework check out the Power Apps component framework overview.