This solutions consists of the following components:
- Date As Toggle
- JSON Display
- Multilingual Text
- OptionSet Buttons
- OptionSet Choice Group
- Resizable Text
- Risk Calculations
The Date as Toggle component is designed to interact with a DateTime column, offering an intuitive way to set or clear timestamps based on toggle actions.
It allows defining a description text that is separate from the field's label.
It fully supports multilingual configurations. The description text is displayed based on the detected user language.
See more: Date As Toggle
The JSON Display component is designed to display form validation information in a list format, providing clear feedback to users about validation errors or issues.
See more: JSON Display
The Multilingual Text component allows flexible display of static text in model-driven apps by associating it with a form field.
It displays text in different languages, based on user settings and component configuration.
See more: Multilingual Text
The OptionSet Buttons component is designed to be associated with a Choice table column, presenting each choice as a button styled with designated colors.
The component automatically calculates and applies the appropriate text color based on the button's background color to maintain readability.
Additional configuration options to support multilingual UI are not required in this case. Choices may be translated using native translation options available in Power Platform.
See more: OptionSet Buttons
This component is designed to present choices defined in a Choice column table in a clear and organized way.
It supports multiple languages, ensuring the text displayed is appropriate for the user’s language settings. This option may be useful if the description associated with the choices is too long for the Power Platform translation mechanism.
Choices are rendered as radio-buttons either horizontally or vertically, and may be displayed inline with the custom text or below it, depending on the design preferences.
See more: OptionSet Choice Group
This component is designed for use with a Multiple lines of text table column. It renders a customizable, resizable text area input. The placeholder text for empty states is displayed in user's language.
This component calculates risk level based on the selected impact and probability values.
It supoprts any risk matrix configurations, relying on the provided Risk Definition JSON object.
It provides multilingual support, allowing to define labels for supported languages. The labels for impact, probability and risk choice columns may be translated using native translation options available in Power Platform.
See more: Risk Calculations
To rebuild the solution after you customized the components, run:
from ./Components/_Utils folder:
npm i
npm run buildfrom ./MultilingualComponents folder:
msbuild /t:build /restoreTo build the solution in the debug configuration, generating unmanaged solution, run:
msbuildTo build the solution in the release configuration, generating managed solution, run:
msbuild /p:configuration=ReleaseTo install the solution containing all components, navigate to \MultilingualComponents\bin\Release and import the MultilingualComponents.zip file.