cancel
Showing results for 
Search instead for 
Did you mean: 
maqsoftware

Multilingual support in Canvas Apps Using Microsoft Translator

Problem Statement: Multilingual support remains a significant challenge for organizations developing applications in PowerApps. Without an efficient solution, users from different linguistic backgrounds may struggle to understand the application interface, leading to reduced adoption rates and inefficiencies. 

Solution: By leveraging the Microsoft Translator Connector within PowerApps, organizations can effectively address the challenge of multilingual support. Here's a streamlined approach: 

Implementation Steps: 

  1. Navigate to https://make.powerapps.com 
    1. Click Apps 
    2. Click New Apps --> Page Design 
      maqsoftware_0-1713852902851.png
  2. Click Data Source at the Left Side and Search MICROSOFT TRANSLATOR
    maqsoftware_1-1713852993703.png
    Now in On Start of App write Below Code to get the Language of User (based on Browser) 
    Set(selectedLanguage,"en")
  3. Add dropdown for selecting any language from it
  4. In Items of dropdown write below Code to get all the languages which is available in Microsoft Translator: 
    MicrosoftTranslator.Languages() 
    maqsoftware_4-1713853129556.png
  5. Select following fields for dropdown 
    maqsoftware_3-1713853111167.png
  6. Now in OnChange of dropdown write Below Code to get the Language of User: 
    Set(selectedLanguage,comboBoxLanguages.Selected.Code) 
    maqsoftware_5-1713853165283.png
  7. Use below format for .Text property of label, button, other supported controls to see the translated text based in selected language: 
    MicrosoftTranslator.Translate("your text", selectedLanguage) 

  8. Example:  
    Added multiple labels in Power App as shown in image and their corresponding value of Text property are: 

    maqsoftware_6-1713853252612.pngmaqsoftware_7-1713853259142.png

    Label 

    Text Property 

    LabelPageHeader 

    MicrosoftTranslator.Translate("Multilingual Support", selectedLanguage) 

    LabelSelectLanguage 

    MicrosoftTranslator.Translate("Select Language:", selectedLanguage) 

    LabelAboutPowerPlatform 

    MicrosoftTranslator.Translate("About Power Platform:", selectedLanguage) 

    LabelPowerPlatform 

    MicrosoftTranslator.Translate("The Power Platform provides organizations…", selectedLanguage) 

    LabelAboutMSTranslator 

    MicrosoftTranslator.Translate("About Microsoft Translator:", selectedLanguage) 

    LabelMSTranslator 

    MicrosoftTranslator.Translate("Microsoft Translator lets…”,selectedLanguage) 

     

  9.  Change the language from dropdown, Microsoft Translator will convert the text to desired language and same will be displayed on page 
  10. Refer below screenshots: 

    English 

    French 

    maqsoftware_8-1713853307416.png

     

     

    maqsoftware_9-1713853307418.png

     

     

  11. Note: With Microsoft Translator, you gain access to over 60 languages, and the flexibility to incorporate any language of your choice 
Comments