I18n |l10n|Globalization in any of your components

Hi!

I would like to know where I could find all the props to be translated for each ej2-angular component.
For example, on ej2-symbol-palette you provide a text 'Search Shapes'. Is it automatically translated when setting the locale input? 

According to this docs we need to set them up, but again, how do I know the props to translate them?

Many thanks,

Camila


3 Replies 1 reply marked as answer

AR Aravind Ravi Syncfusion Team June 24, 2022 12:26 PM UTC

Hi Camila,


In the diagram, we have provided localization support only for the context menu items. We do not have localization support for the symbol palette text and other text element in the diagram.


Regards

Aravind Ravi


Marked as answer

CB Camila BlancFick June 28, 2022 06:47 PM UTC

Hi!

Could you give me a hint where I can find how to add translations for the default context menu of the diagram?

Thanks,

Camila



AR Aravind Ravi Syncfusion Team June 29, 2022 09:53 AM UTC

Hi Camila,


We have created a sample to apply localizations for context menu. We have created a sample to show context menu with multi language. By using the localization we can able to show context menu with multi language. In the sample we have displayed context menu items with german culture. So based on your language you can change the context menu items. Please refer to the below code snippet and sample


setCulture('de-DE');

 

/**

 * Default FlowShape sample

 */

 

 

 L10n.load({

  'de-DE': {

      'diagram': {

        "Copy": "Kopieren",

        "Cut": "Ausschneiden",

        "Paste": "Einfügen",

        "Undo": "Rückgängig machen",

        "Redo": "Redo",

        "SelectAll": "Wählen Sie Alle",

        "Grouping": "Gruppierung",

        "Group": "Gruppe",

        "UnGroup": "Gruppierung aufheben",

        "Order": "Bestellung",

        "BringToFront": "Nach vorne bringen",

        "MoveForward": "Vorwärts bewegen",

        "SendToBack": "An Zurück senden",

        "SendBackward": "Rückwärts senden"

      },

    

  }

});


Sample: https://stackblitz.com/edit/angular-wrouzn?file=app.component.ts


For more information about how to use localization, please refer to the below UG link


UG link: https://ej2.syncfusion.com/angular/documentation/common/globalization/localization/#changing-current-locale


Regards

Aravind Ravi


Loader.
Up arrow icon