Home Power Apps Runtime localization support for Code components on Custom pages and Canvas apps
  • 2 min read

Runtime localization support for Code components on Custom pages and Canvas apps

By Hemant Gaur, As a Principal PM Architect for Power Apps, I lead Copilot personalization and customer adoption for AI features. Previously, I was the PM leading the effort to create the highly successful Power Apps Component Framework, focusing on both pro-code and low-code extensibility. I also spearheaded Dynamics 365 and Power Apps modernization using the Fluent V2 design system and led cross-group web application performance improvements. My passion lies in using technology to create practical solutions for real-world issues.

Share

Tags

Audience

We are happy to announce the Public Preview of runtime localization for code components on custom page and standalone canvas applications.

Inline with the model-driven application behavior, custom pages and standalone canvas applications can now dynamically display themselves in user preferred language. This not just enables all code components to align seamlessly with the host application language but also  provides significant runtime performance optimizations. OOB control’s now have their localization data hosted and served via CDN.  3rd party code components can have localization support added via existing resx approach and Power Apps will pre-create payload for optimized runtime rendering via blob – eliminating the need for downloading and parsing larger files.

This release enables end to end localization support for custom pages which is in Public Preview.

  • Code component localization for Custom page

Following steps outline the process of adding a code component with localization support to custom page.

1.  Create and import a code component which has localized resx files added to them, you can use one of the OOB sample component for localization APIs.

2. Add code component to custom page and publish the page and parent model-driven application.

AddLocalizationComponentCustomPage
Adding code component to a Custom page

3.  That’s it, code component is ready to use. One can now switch the user interface language via user settings to desired language and re-launch the application. All users for this app will now be able to see the code component using the same language as their user settings. Please note that right language translations need to be added to code components.

Update language via user settings
Update language via user settings

 

  • Code component localization for canvas apps

You can follow the standard steps for canvas applications too, see details instructions on how to enable and add code components to canvas apps.

Once the canvas app is published, users can change their browser language to view app in desired language. With this feature code components inside the apps will also show content in the app language.

Code component Localization for Canvas app
Code component Localization for Canvas app

 

We look forward to your continued feedback! Let us know your thoughts and suggestions within this community post Feedback on Custom Page and Code components.

 

 

Avatar of Hemant Gaur

Hemant Gaur

Principal PM Architect

As a Principal PM Architect for Power Apps, I lead Copilot personalization and customer adoption for AI features. Previously, I was the PM leading the effort to create the highly successful Power Apps Component Framework, focusing on both pro-code and low-code extensibility. I also spearheaded Dynamics 365 and Power Apps modernization using the Fluent V2 design system and led cross-group web application performance improvements. My passion lies in using technology to create practical solutions for real-world issues.
See more articles from this author

Related Content