https://github.com/galactic-plane/euro-currency-field
This control is a React JS PCF Code Component for model-driven applications. Model-driven applications do not allow mixed currency symbols on a form by default. While the underlining hidden control is in USD, the visual (this PCF control) shows the Euro Symbol.
https://github.com/galactic-plane/euro-currency-field
model-driven-application pcf-control powerplatform reactjs typescript
Last synced: 25 days ago
JSON representation
This control is a React JS PCF Code Component for model-driven applications. Model-driven applications do not allow mixed currency symbols on a form by default. While the underlining hidden control is in USD, the visual (this PCF control) shows the Euro Symbol.
- Host: GitHub
- URL: https://github.com/galactic-plane/euro-currency-field
- Owner: galactic-plane
- Created: 2022-03-09T20:31:10.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-03-09T21:09:40.000Z (over 4 years ago)
- Last Synced: 2025-10-07T04:57:43.833Z (8 months ago)
- Topics: model-driven-application, pcf-control, powerplatform, reactjs, typescript
- Language: TypeScript
- Homepage: https://docs.microsoft.com/en-us/powerapps/developer/component-framework/overview
- Size: 1.44 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Euro Currency Field - PCF Code Component
## About
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](https://developer.microsoft.com/en-us/fluentui#/) and custom styles to match the style of a model-driven application currency field.
This project was generated with [Power Apps component framework CLI](https://docs.microsoft.com/en-us/powerapps/developer/component-framework/get-powerapps-cli).
## Build
Run `npm run build` to build the project.
## Run
Run `npm run start` to run the project.
## Update Control Manifest
Run `npm run refreshTypes` to refresh the types.
## Lint Fix React JS
Run `npm run lint:fix` to lint and format JavaScript
## Package the control
[Package a code component](https://docs.microsoft.com/en-us/powerapps/developer/component-framework/import-custom-controls)
## Further help
To get more help on the Power Apps component framework check out the [Power Apps component framework overview](https://docs.microsoft.com/en-us/powerapps/developer/component-framework/overview).