91
Views
13
Comments
Solved
Multilingual in reactive web app
Question

Hi All,

How we can make application multilingual in reactive web app? Any steps would be helpful.


Thanks,

Jaydeep



Rank: #64
Solution

To update:

Native support is already available in Reactive and Mobile Apps (Platform Server - 11.10.0 or higher),

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Technical_Preview_-_Multilingual_Reactive_Web_and_Mobile_Apps/Translate_your_app


mvp_badge
MVP
Rank: #50

Hi Jaydeep ,

Please refer this forge component to make your reactive application as multilingual . There is also some good documentation around this which tells you the step by step process.

https://www.outsystems.com/forums/discussion/21245/multilingual-mobile-component-documentation


Regards,

-PJ-



Champion
Rank: #100

Hi,


You can also take a look at this video from ODC techtalks were they explain how to use multilanguage in mobile (in this specific case is mobile, but it's the same paradigm and solution than reactive and the same usage):

https://www.outsystems.com/learn/lesson/1736/multiple-languages-and-mobile-apps


Hope this can help.


Best regards,

Ricardo M Pereira


Rank: #361

OutSystems is expecting to deliver an integrated solution for it in Q4

Rank: #18941

Hi All,

How can I get key for "data-trans"? I added component from forge?


Thanks,

Jaydeep 


Rank: #83

Hi Jaydeep,

You can use  GUIDs.  [ https://www.guidgenerator.com/ ]
Generate a GUID from the site & add the same in JSON resource as well as the same in data-trans for each particular translation.

Additional Enhancement :

If in case you want to manage the JSON preparation in an easy way then you can install these web components & start adding string in it, it will help you to export JSON which you can use in the Mobile app as a resource for Multilingual plugin.

Using this you will not need to worry about adding GUID manually in JSON.

https://www.outsystems.com/forge/component-overview/4667/mobile-translations

Refer to the below guide .. I explained how to use both the plugins:
https://www.outsystems.com/forums/discussion/58905/i-want-to-translate-mobile-app-from-english-to-arabic/#Post224233


Hope it helps,

Assif

Champion
Rank: #85

I hate using GUID for the keys. I find it far more useful to use meaningful names that are also unique. Key names like "btn-open" and "text-warning-invalid-name" are far more intuitive then "03f97c86-5afa-49c8-861e-7d732ffdc03c". It makes it also a lot more manageable and maintainable for future changes.

Greetings,

Vincent

Rank: #83

Vincent Koning wrote:

I hate using GUID for the keys. I find it far more useful to use meaningful names that are also unique. Key names like "btn-open" and "text-warning-invalid-name" are far more intuitive then "03f97c86-5afa-49c8-861e-7d732ffdc03c". It makes it also a lot more manageable and maintainable for future changes.

Greetings,

Vincent

 

 he he :)
but sometimes it's tough to make sure that the key you're using is a unique one...

Champion
Rank: #85

assif_tiger wrote:

 he he :)
but sometimes it's tough to make sure that the key you're using is a unique one...

 If you use VS Code to manage your JSON you will get warnings since duplicate keys are not allowed in a JSON. See the screenshot for the warning you get


 

Greetings,

Vincent

Rank: #83

Vincent Koning wrote:

assif_tiger wrote:

 he he :)
but sometimes it's tough to make sure that the key you're using is a unique one...

 If you use VS Code to manage your JSON you will get warnings since duplicate keys are not allowed in a JSON. See the screenshot for the warning you get


 

Greetings,

Vincent

 +1 Thanks

 

Rank: #56

Hi,


Nowadays, one has to use the Multilingual component which can cause great hassle to maintain like Vincent mention.

The good news is that OutSystems is planning to launch translations for Mobile and Reactive like it is for Traditional Web on Q4 2020.


Cheers,

João Marques

Rank: #83

João Marques wrote:

Hi,


Nowadays, one has to use the Multilingual component which can cause great hassle to maintain like Vincent mention.

The good news is that OutSystems is planning to launch translations for Mobile and Reactive like it is for Traditional Web on Q4 2020.


Cheers,

João Marques

 Perhaps good news :)
 It's much needed.

 

Rank: #419

Hi Jaydeep,

I'll also leave this here for your reference.

Multilingual best practices

Rank: #64
Solution

To update:

Native support is already available in Reactive and Mobile Apps (Platform Server - 11.10.0 or higher),

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Technical_Preview_-_Multilingual_Reactive_Web_and_Mobile_Apps/Translate_your_app