{"id":832,"date":"2023-11-05T13:03:00","date_gmt":"2023-11-05T10:03:00","guid":{"rendered":"https:\/\/mryed.com\/?p=832"},"modified":"2023-11-05T13:03:02","modified_gmt":"2023-11-05T10:03:02","slug":"powerapps-cok-dilli-uygulama","status":"publish","type":"post","link":"https:\/\/mryed.com\/en\/yazilim\/kodlama\/power-platform\/powerapps-cok-dilli-uygulama\/","title":{"rendered":"How to Make Microsoft PowerApps Multilingual Application?"},"content":{"rendered":"

There are many different methods for Powerapps multilingual application. But today I'm going to write about my preferred method where we have full control. <\/p>\n\n\n\n\n\n\n\n

PowerApps Multilingual Application<\/h2>\n\n\n\n

First, let's come to the editing screen of the application we opened in PowerApps<\/a><\/em> You will see screens and components in the tree view area. We add a new component by entering the components. I added it and named it \"MultiLanguage\". Then we come to the properties of the component we added and add a new custom property. This field is just like the parameters of a function in hard coding languages. Thanks to this field, we can select the parameters coming to the component and the data that the component will return. <\/p>\n\n\n\n

In the image below, I added a parameter called \"SelectLanguage\". Our component will receive a language selection from the user. It will send data according to this language selection.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Now let's set what data our component will send. We create a data called \"Datas\" that we will return.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Our component is almost ready. Now let's move to the coding side. We write the following code in the \"OnReset\" field of the component named \"MultiLanguage\" that we added before.
<\/p>\n\n\n\n

Set(\n    varTranslations,\n    Table(\n        {\n            SelectLanguage: \"tr-tr\",\n            Datas: {\n                UserName: \"\u0130sim\",\n                UserLastName: \"Soyisim\",\n                Company: \"\u015eirket\"\n            }\n        },\n        {\n            SelectLanguage: \"en-us\",\n            Datas: {\n                UserName: \"Name\",\n                UserLastName: \"Surname\",\n                Company: \"Company\"\n            }\n        }\n    )\n)<\/code><\/pre>\n\n\n\n
This code will check whether the variable coming from the user is \"tr-tr\" or \"en-us\". I have 3 different yields, UserName, UserLastName and Company. You can increase this. Also, if you want to add a different language, you can add it in the same way.<\/p>\n\n\n\n
Now the component we added again will have a function called \"SelectLanguage\". We write the following code to it. This \"varLanguage\" will be the variable that our user will change.<\/p>\n\n\n\n
varLanguage<\/code><\/pre>\n\n\n\n
Finally, we write the following code in the \"Datas\" function of my component.<\/p>\n\n\n\n
LookUp(\n    varTranslations,\n    SelectLanguage = Self.SelectLanguage\n).Datas<\/code><\/pre>\n\n\n\n
Now the component part is done. We can move to the screen of our application. <\/p>\n\n\n\n
I added a \"toggle\" where the user can select the language. You can also do this with a button or dropdown. If the user activates the toggle, it will be \"en-tr\". If not, it will be \"en-us\".<\/p>\n\n\n\n
Set(varLanguage,\"tr-tr\")<\/code><\/pre>\n\n\n\n
Set(varLanguage,\"en-us\")<\/code><\/pre>\n\n\n\n
Then we add our component (MultiLanguage) that we created from the insertion field above to the page. Now we can pull our data by adding 3 text fields.<\/p>\n\n\n\n