Forum | Appery.io

Hi,

Thank you for trying to help me. I have removed all events and added only one event for selectmenu with the script you posted above. Now when I test the app, I am expecting when I change the option from 'English' to 'German' in selectmenu, the caption text (which is originally 'English Language') and the label text (which is originally 'This is a demo'), I expect them to show in German:
English Language : Deutsch Sprache
This is a demo: Dies ist Demo

Unfortunately, that did not happen. Nothing has changed!

Are the translation.json files correct?

en-EN: { "header":"English Language",
"This is a Demo":"This is a Demo"}
de-DE: { "header":"Deutsch Sprache",
"This is a Demo":"Dies ist Demo" }

Do I need to change anything in selectmenu properties?

Hawk,

Could you please clarify, have you made all the necessary markings as in the tutorial:
http://devcenter.appery.io/tutorials/... ?
Also please specify, are there any errors in console?

Hi,

Yes, for header component, the marking is identical to the one in the tutorial. The label component, the marking is : (data-i18n : lable)

The console does not show any error/warning at all.

Are the translation.json files correct (given that the selectmenu options values are en-EN & de-DE)?

en-EN: { "header":"English Language",
"This is a Demo":"This is a Demo"}
de-DE: { "header":"Deutsch Sprache",
"This is a Demo":"Dies ist Demo" }

Do I need to change anything in selectmenu properties?
What is the significance of the identifier 't' in '$.i18n.init(option, function(t)'?

Hawk,

Could you please provide us with public link to your project, we'll test: http://devcenter.appery.io/documentat...

Hi Evgene,

This is the project link

https://appery.io/app/projects/45516c...

Not sure if this is what you asked for. In order to share the project I need your email, right?

Your help is deeply appreciated

Hawk,

You have the wrong name for the folder with json files, it should be called locales (you have locals). And in the code it should be
prevar option = {lng: val, resGetPath: 'locales/lng/ns.json', fallbackLng: 'en-US'};/pre
You have inaccuracies in resGetPath.

Hi Evgene,

I have renamed the folder to 'locales' and the the code to:

var val = Appery("typeList").val();
var option = {lng: val, resGetPath: 'locales/lng/ns.json', fallbackLng: 'en-US'};//Pass the initialization language,
//set the translation files path and fallback language
$.i18n.init(option, function(t) {
$(document).i18n(); //Once the translations are loaded translate the whole document
});

It is still not showing the translation in German when I change the option in selectmenu from English to German. The console does not show any error/warning either!

Hawk,

Sorry, there was a typo in my last reply. You should use understreck, like here:
http://devcenter.appery.io/tutorials/...

Thank you Evgene for all your help!