Unable to set locale other than us-US

[Marta Alonso]

Hi there,

I was following the guides to be able to set the locale other than the us-US, for example, de-DE, but I haven't been capable of making it happen.

First of all, I have loaded the translation object in my application as follows:

L10n.load({

  'de-DE': {

      'colorpicker': {

          'Apply': 'Anwenden',

          'Cancel': 'Abbrechen',

          'ModeSwitcher': 'Modus wechseln'

      }

  }

});

Then I have registered the culture and my app now succesfully gets the change asking about the default culture on the ngOnInit event.

setCulture('de-DE');

console.log(`App Culture is: [${defaultCulture}]`);

I following set the locale in the component but nothing happens and the us-US values are still loading.

<input ejs-colorpicker #colorpicker id="color-picker" type="color" [locale]='de-DE' />

So what am I actually missing? I think I have followed your documentation as I detailed previously.

Thank you in advance.

[Gayathri KarunaiAnandam]

  

Hi Israel, 

Thank you for contacting Syncfusion support. 

We have checked your reported query and code snippet. We would like to let you know that the reason for the issue is the incompatible dependencies in package.json file. Please refer the below package.json versions to fix the issue as demonstrated in the below code snippet. 

Package.json 

"dependencies": { 

    "@angular/animations": "~8.2.14", 

    "@angular/common": "~8.2.14", 

    "@angular/compiler": "~8.2.14", 

    "@angular/core": "~8.2.14", 

    "@angular/forms": "~8.2.14", 

    "@angular/platform-browser": "~8.2.14", 

    "@angular/platform-browser-dynamic": "~8.2.14", 

    "@angular/router": "~8.2.14", 

    "@syncfusion/ej2-angular-calendars": "18.4.43", 

    "@syncfusion/ej2-angular-charts": "18.4.43", 

    "@syncfusion/ej2-angular-inputs": "18.4.43", 

    "cldr-data": "^36.0.0", 

    "core-js": "^2.5.4", 

    "rxjs": "~6.6.3", 

    "tslib": "^1.9.0", 

    "zone.js": "~0.9.1" 

  }, 

 

Please check the above code snippet and get back to us if you need further assistance. 

Regards, 

Gayathri K 

[Marta Alonso]

Hi Gayathri,

Thanks for your answer but I have updated the dependencies on my code and the problem still persists. Here I share againt the github project with my latest commit fixing apparently the issue...

https://github.com/onbrokenwings/syncfusiontest

Looking forward to hearing from you.

Kind regards,

[Gayathri KarunaiAnandam]

Hi Israel, 

 

We have checked your reported query and provided sample. We would like to let you know that the issue is reproduced due to the package-lock.json file. Please follow the below steps to resolve the issue. 

 

Steps: 

1.      Delete the package-lock.json file. 

2.      Please install the latest packages of Colorpicker by using the command npm i. 

3.      Open the sample by using the command ng serve –open. 

 

We have prepared a sample by following the above steps and the locale in ColorPicker is working perfectly. Please check the below video demonstration. 

 

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ColorPicker_locale172606916 

 

Please let us know, if you need further assistance. 

 

Regards, 

Gayathri K 

[Marta Alonso]

Hi Gayathri,

Thank you so much for your support. I think it was an issue with our local package repository as well as the project itself that both were kind of corrupted.

I appreciate your time and the evidence that you have shared. 

Thank you again, cheers!

[Gayathri KarunaiAnandam]

Hi Israel, 

 

Thanks for the update. 

 

We are happy to hear that your requirement has been fulfilled. Please feel free to contact us if you need any further assistance on this. 

  

  

Regards, 

Gayathri K