Skip to main content
S
Stefano7-Bedrock
7-Bedrock
May 4, 2021
Solved

How to manage multiple languages in an experience

  • May 4, 2021
  • 1 reply
  • 2055 views

Hi all,

 

I'm trying to find a way to manage multiple languages inside my experiences. I've been searching for a topic in the community from which get any ideas but I found nothing.

 

This is the solution I'm considering right now:

  • A pop-up containing as many buttons as languages that allows the customer to change the language of all the strings inside the experience.
  • All the strings values are determined by as many application parameters. Such app parameters are binded to the "TEXT" property of the label widget.
  • Via JS code, I can determine the app parameters values. For example:

$scope.MY-APP-PARAM = function() {
$scope.app.params.MY-LABEL = "This is a sample text.";
}

  • I noticed that it is possible to load .xlsx or .csv files in VS, so I was thinking about creating a language.xlsx or .csv file, load it and access it in order to determine the strings values depending on the language the customer choose.

 

Here comes my problem: my javascript is very poor and I'm not able to load the .xlsx or .csv file in my js script and I don't know how to access it.

 

Can anyone help me with the JS code or any idea to solve the problem?

 

Regards,
Stefano.

 

Best answer by Stefano

Hi @dsgnrClarK,

 

thanks for your reply.

 

Your suggestion of using a JSON instead of an xlsx is really effective.

I created my dictionary in a json document:

var json = {
 "dictionary": [ ...
 ]
}

 and load it in the Vuforia resources.

 

In my script I access the JSON document to set the value (or the resource) of my application parameters:

$scope.set_language = function() {
 $scope.app.params.mode = json.dictionary[lang].mode; //set string value
 $scope.app.params.status = json.dictionary[lang].status; //set string value
 $scope.app.params.info_mandrino = 'app/resources/Uploaded/info_b_' + lang + '.png'; //set resource value
 ...
 }

 

The lang variable determines which string (or resource) is picked from the JSON (or the Vuforia resources) and its value is set from the experience user from a proper function:

$scope.language_it = function() {
 lang = 0; // ITALIAN
 $scope.set_language();
} 
$scope.language_en = function() {
 lang = 1; // ENGLISH
 $scope.set_language();
}

 

Best regards,

Stefano

 

1 reply

D
dsgnrClarK16-Pearl
16-Pearl
May 6, 2021

Hi, @Stefano 

 

This would not be an easy task.

 

And other than using .xlsx or .csv, JSON would be a better choice.

You may get some idea from this series of tutorial: https://support.ptc.com/help/vuforia/studio/en/#page/Studio_Help_Center%2Fmetadata%2FMetadata_201_userpick_event.html%23

 

This would be another approach: https://community.ptc.com/t5/Vuforia-Studio/Internationalization-and-localization/m-p/624937#M6599

 

 

S
Stefano7-BedrockAuthorAnswer
7-Bedrock
May 12, 2021

Hi @dsgnrClarK,

 

thanks for your reply.

 

Your suggestion of using a JSON instead of an xlsx is really effective.

I created my dictionary in a json document:

var json = {
 "dictionary": [ ...
 ]
}

 and load it in the Vuforia resources.

 

In my script I access the JSON document to set the value (or the resource) of my application parameters:

$scope.set_language = function() {
 $scope.app.params.mode = json.dictionary[lang].mode; //set string value
 $scope.app.params.status = json.dictionary[lang].status; //set string value
 $scope.app.params.info_mandrino = 'app/resources/Uploaded/info_b_' + lang + '.png'; //set resource value
 ...
 }

 

The lang variable determines which string (or resource) is picked from the JSON (or the Vuforia resources) and its value is set from the experience user from a proper function:

$scope.language_it = function() {
 lang = 0; // ITALIAN
 $scope.set_language();
} 
$scope.language_en = function() {
 lang = 1; // ENGLISH
 $scope.set_language();
}

 

Best regards,

Stefano

 

    Terms & ConditionsCookie settingsAccessibility statement