How I can create app or site with multilingual support in ues io platform ?
Hello @rbdwt09 -
You can find information regarding multi-lingual support at ues.io - Labels and Translations.
Once you create your labels and corresponding translations, you can apply merge syntax via $Label{...} to ensure the proper text is displayed.
For example:
- username: rbdwt09
- name of app: pet_store
- label name: testlabel
$Label{rbdwt09/pet_store.testlabel}
Hope this helps!
but i want supose i make make labels and him translation in in german translation then i want to make screen view like title and sub title whoose intitialy englisg then how to change in de these titles and subtittles in button click like i want to change language in german
i want my app multilanguall like de and english also so how to integrate multilanguall in button clicks or how to set app start to ask language translations.
Hi @rbdwt09 -
The language displayed is based on the logged in users profile. In the user profile page, the user selects which language they want when using ues.io. Then, when viewing pages, whenever $Label{...} is encountered, the translation for their specified language is displayed.
There is no way currently to display a “dynamic” translation, the user would have to change their language preference to see a different language.
If you can provide more details about your specific use case that requires that you sometimes want language A and sometimes language B, I may be able to provide you with some solutions but this is not the way our translation system works currently and isn’t a use case that I’ve ever come across (or possibly I’m misunderstanding your use case).
Thanks!
Regards,
-bds
1 Like
Hi @rbdwt09 -
For each component (button, text, labels, etc.) that you want multilingual support, as mentioned, you would use $Label{...} for the “text” property of that component. For example, if you had a Button component, rather than specify OK for the button text, you would create a label, add translations and then specify $Label{....} for the button text. Then, based on the logged in users language preference, the corresponding translation would be displayed. The user specifies their preferred language via their profile and can change it at any time.
Hope this helps.
Thanks!
Regards,
-bds
@barry @gregg I’d like to implement a feature that allows users to switch the site language. Initially, I want to support both German and English. This should be available publicly to all users — not for logged-in ues.io users. Could you please guide me on how best to set this up?
As the translations are only effective for a logged in user you will need to do this on the landing page by creating a switch language drop down button. You will need to set the Display condition on the components in your view to a condition set on the value of the selection of the language .i.e. If the user selects to change from English → German then you can update the value of a field in a VIEW-ONLY Wire (checkbox)/per language which will then show/hide the non preferred language.
Steps:
Create a View only Wire called language
Add 2 fields to the wire - english & german type=checkbox
Select the component in your screen that displays the ENG/DE and the set the display condition to the field value of the wire ENG/DE = true.
You could do this with a single field and display parts of the screen according to the checkbox value.
As a second option you could have 2 same design screens with different languages and assign a route to each. If the user select the language button you can redirect to the language selected route.
Hope that helps
yes that worked we can close this issue thanks.