Localizing content on a custom page

We are happy to announce the public preview for localizing content on a Custom Page.

Localizing custom pages will help you build multi-language Power Apps that align model-driven apps with custom pages that are needed for cross-regional deployments. We are excited to bring this capability as it will ensure you can seamlessly deploy a Power App that uses both model-driven forms and custom pages with multiple languages enabled by admins and set by your users.

We have added the ability to easily add files containing multiple languages that are supported in a model-driven app using standard resx web resource files. You can build multi-language support directly into your custom page by uploading the resource files to you solution, add the file you are authoring onto your page and use a standard PowerFX function to render the content of a control in the supported languages of your model-driven app.

The steps include:
1. Setting up your Power App environment to use localized languages.
2. Adding your localized content in a resx file to your solution.
3. Add your authoring language to your page by uploading the resource in studio.
4. Use PowerFX to localize strings on controls in your page.
5. Use preview to view right-to-left orientation.

To get familiar with setting up your Power App environment to support multiple language it’s always a good idea to review how to enable multiple languages that you are planning to use in your model-driven app with custom pages. See Regional and language options for your environment for further details and instructions.

Adding resx files to can be done from make.powerapps.com, selecting solutions and adding the files as a web resource with the appropriate language associated to the file.

After adding the files to your solution open your custom page and add the file with the language you are authoring in the Page designer on make.powerapps.com.

Next you just set the property of a label to a localized string using PowerFX functions.

Save and publish your page and application.  Localized content based on the PowerApp user personal settings or admin locale settings for the environment will now render on your custom page.

We also support right-to-left languages that will render content in the correct orientation.  You can test or view your page in PowerApps by selecting the settings option on the page, select upcoming features and turn on the option to enable right-to-left testing in preview.

We look forward to your continued feedback on using custom pages! Let us know your thoughts and suggestions within this community post Feedback on Custom Page