topic Re: how can I control which language the WebApp will be? in ArcGIS Web AppBuilder Questions

how can I control which language the WebApp will be?

SPNIOrganization — Sun, 03 May 2015 07:58:03 GMT

In the Supported languages section it says : "The language used by the app is determined by your browser's language setting."

Is there a way to control this?

I built the App in Hebrew and I want all the users to see it in Hebrew, no matter what their browser's setting is.

Is that possible?

Deshe.

Re: how can I control which language the WebApp will be?

AsmaaMohamed — Mon, 04 May 2015 10:07:17 GMT

in file (init.js) find this line

dojoConfig.locale = navigator.language ? navigator.language : navigator.userLanguage;

and replace with this line :

dojoConfig.locale = "he" example -> dojoConfig.locale = "ar" this is Arabic app

Re: how can I control which language the WebApp will be?

SPNIOrganization — Mon, 04 May 2015 10:58:07 GMT

well,

No one answered my question but I found the answer so I will share it with you:

In order to control the language you need to use the webappbuilder from your one server and add this code inside the file init.js : (after or instead of the original code. )

//override language and orientation

//*********************************************

dojoConfig.locale = "he";

window._setRTL(dojoConfig.locale);

//*********************************************

Re: how can I control which language the WebApp will be?

TimWitt2 — Sun, 12 Dec 2021 06:58:01 GMT

Hey Deshe Organization

I tried adding this line but it won't work for me. The Webappbuilder loader just keeps loading. When I replace the "he" with "en" it works.

Any idea what I could be doing wrong?

Here is my code:

  if(allCookies.esri_auth){
      /*jshint -W061 */
      var userObj = eval('(' + unescape(allCookies.esri_auth)+ ')');
      if(userObj.culture){
        dojoConfig.locale = userObj.culture;
      }
    }
    if (allCookies.arcgisLocale) {
      dojoConfig.locale = allCookies.arcgisLocale.toLowerCase();
    }
    if (allCookies.wab_locale) {
      dojoConfig.locale = allCookies.wab_locale.toLowerCase();
    }
    if(!dojoConfig.locale){
      dojoConfig.locale = navigator.language ? navigator.language : navigator.userLanguage;
    }
    dojoConfig.locale = dojoConfig.locale.toLowerCase();
  dojoConfig.locale = "de";
    window._setRTL(dojoConfig.locale);


    var resources = [
      window.apiUrl + 'dojo/resources/dojo.css',
      window.apiUrl + 'dijit/themes/claro/claro.css',
      window.apiUrl + 'dojox/editor/plugins/resources/css/TextColor.css',
      window.apiUrl + 'dojox/editor/plugins/resources/editorPlugins.css',
      window.apiUrl + 'dojox/editor/plugins/resources/css/PasteFromWord.css',
      window.apiUrl + 'esri/css/esri.css',
      window.path + 'stemapp/jimu.js/css/jimu.css',
      window.path + 'builder/css/builder.css',
      window.path + 'builder/libs/ace/ace.js',
      window.path + 'builder/libs/thenBy.js'
    ];

Thanks,

Tim

Re: how can I control which language the WebApp will be?

SPNIOrganization — Wed, 06 May 2015 15:33:30 GMT

Hi Tim,

This is my code. I think the difference starts in line 17 in your code.

try to replace lines 17-18-19 with the part in Bold:

if(allCookies.esri_auth){

/*jshint -W061 */

var userObj = eval('(' + unescape(allCookies.esri_auth)+ ')');

if(userObj.culture){

dojoConfig.locale = userObj.culture;

}

if(window.queryObject.mode){

if(allCookies.wab_locale){

dojoConfig.locale = allCookies.wab_locale;

}

}else{

if(allCookies.wab_app_locale){

dojoConfig.locale = allCookies.wab_app_locale;

}

if(!dojoConfig.locale){

dojoConfig.locale = navigator.language ? navigator.language : navigator.userLanguage;

}

dojoConfig.locale = dojoConfig.locale.toLowerCase();

window._setRTL(dojoConfig.locale);

//override language and orientation

//*********************************************

dojoConfig.locale = "he";

window._setRTL(dojoConfig.locale);

//*********************************************

resources = resources.concat([

window.apiUrl + 'dojo/resources/dojo.css',

window.apiUrl + 'dijit/themes/claro/claro.css',

window.apiUrl + 'esri/css/esri.css',

window.apiUrl + 'dojox/layout/resources/ResizeHandle.css',

window.path + 'jimu.js/css/jimu.css'

]);

Re: how can I control which language the WebApp will be?

TimWitt2 — Thu, 07 May 2015 14:34:54 GMT

Deshe Organization

I tried this and changed it in the inis.js located at client\stemapp and client\builder

but the webappbuilder just keeps loading

Tim

Re: how can I control which language the WebApp will be?

MajdiTurkman1 — Tue, 09 Jun 2015 08:17:37 GMT

Tim Witt wrote:
Deshe Organization
I tried this and changed it in the inis.js located at client\stemapp and client\builder
but the webappbuilder just keeps loading
Tim

I have the same problem. page keeps loading.

Did you get any solution? Tim Witt

Re: how can I control which language the WebApp will be?

TimWitt2 — Tue, 09 Jun 2015 12:04:57 GMT

Majdi Turkman

I was never able to resolve it. Let me know if you should find a solution.

Tim

Re: how can I control which language the WebApp will be?

Luiz_PauloLima — Mon, 29 Jun 2015 17:10:29 GMT

any solution tim ?

Re: how can I control which language the WebApp will be?

BenedekSimó — Fri, 13 Nov 2015 10:05:09 GMT

I have simply added dojoConfig.locale = 'de' to my init.js before this line "resources = resources.concat([...", and then my app is in German! Hope it helps someone, too!

Re: how can I control which language the WebApp will be?

MajdiTurkman1 — Sun, 13 Dec 2015 08:45:03 GMT

I have followed the same solution but I'm getting the same result. The page keeps loading!

I'm trying to set the language to Arabic.

Any suggestions?

Re: how can I control which language the WebApp will be?

RobertScheitlin__GISP — Sun, 13 Dec 2015 13:23:38 GMT

Majdi,

In version 1.3 you can set the locale using the URL parameter. Just add &locale=ar to your WAB url:

Use URL parameters—Web AppBuilder for ArcGIS | ArcGIS | locale

Re: how can I control which language the WebApp will be?

MajdiTurkman1 — Mon, 14 Dec 2015 06:58:44 GMT

Hello Robert,

I have built my app using Web AppBuilder 1.2 and did a lot of customization on the theme and even jimu library.

I doubt that if I upgraded my app to WAB 1.3 it will not work properly and everything has to be done again. am I right?

Thanks

Re: how can I control which language the WebApp will be?

RobertScheitlin__GISP — Mon, 14 Dec 2015 12:56:55 GMT

Majdi,

If you changes code in the stemapps jimu.js folder than yes you would have to make those updates again if that particular file has changed and the theme you customized would need to be updated as well. I am not sure what is not working for you using the instructions in this thread. I have done it a couple of times and it always works for me. Also even if you do not change any code but you browser is set to another language then once the app is deployed then the browsers language is used (but not when running inside of WAB, that is what this thread takes care of).

Re: how can I control which language the WebApp will be?

MajdiTurkman1 — Mon, 14 Dec 2015 13:47:22 GMT

Thanks Robert for your reply.

The missing point for me was that the app will not work if i run it inside the WAB (The page keeps loading). So I deployed the app and it works.

Thanks again.

Re: how can I control which language the WebApp will be?

RobertScheitlin__GISP — Mon, 14 Dec 2015 13:49:22 GMT

Majdi,

Look at your browsers web console and see what the error is when running in WAB. As I mentioned when I use the code in this post in WAB I do not have any issues.

Re: how can I control which language the WebApp will be?

JunshanLiu — Tue, 15 Dec 2015 02:26:53 GMT

Version 1.3 support ?locale=?? URL parameter.

Re: how can I control which language the WebApp will be?

PavelVeselský1 — Thu, 05 May 2016 08:38:59 GMT

Comment your line 17 out and it will work. This way you try to set the locale too many times, which results in too long loading. I just confirmed that the "hardcoded only" version works well. I didn't confirm Benedek's version, but this should be slightly faster and cleaner (if hardcoding anything could be "clean").