Localization not working on tooltip in editable Grid

Hi,

I am using Syncfusion editable grid with tooltip for editing. But localization isn't working on tooltip.


I have passed the locale property to grid and set the culture like below.

As is the below code the localization  is working for calendar  and date picker but not working for grid


let translationObj = {};
    translationObj[cultureName] = {
      'calendar': {
        today: this.tanslationsList["today"]
      },

      'datepicker': {
        today: this.tanslationsList["today"]
      },
      'grid': {
       //Toolbar locale text
           Add: 'AddUbaid',
           Edit: 'CustomEdit',


       }
    };
    L10n.load(translationObj);

    setCulture(cultureName);


1 Reply

AG Ajith Govarthan Syncfusion Team November 18, 2021 01:28 PM UTC

Hi Sadaqat, 

Thanks for contacting Syncfusion support. 

Based on your query, you are facing tooltip text issue with localization in your Grid application. So, we have prepared sample with localization and found everything works fine at our end without any mentioned issues. For your convenience, we have attached the sample please refer them for your reference. 

Code Example: 
App.component.ts 

L10n.load({ 
  'de-DE': { 
    grid: { 
      EmptyRecord: 'Keine Aufzeichnungen angezeigt', 
      GroupDropArea: 
        'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte', 
      UnGroup: 'Klicken Sie hier, um die Gruppierung aufheben', 
      EmptyDataSourceError: 
        'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster', 
      Item: 'Artikel', 
      Items: 'Artikel', 
      Add: 'AddeAde', 
      Edit: 'Edietee', 
      Cancel: 'Cancele', 
      Update: 'Updatele', 
      Delete: 'Deletes', 
    }, 
    pager: { 
      currentPageInfo: '{0} von {1} Seiten', 
      totalItemsInfo: '({0} Beiträge)', 
      firstPageTooltip: 'Zur ersten Seite', 
      lastPageTooltip: 'Zur letzten Seite', 
      nextPageTooltip: 'Zur nächsten Seite', 
      previousPageTooltip: 'Zurück zur letzten Seit', 
      nextPagerTooltip: 'Zum nächsten Pager', 
      previousPagerTooltip: 'Zum vorherigen Pager', 
    }, 
  }, 
}); 

public ngOnInit(): void { 
    setCulture('de-DE'); 
    setCurrencyCode('EUR'); 
    this.data = orderDataSource; 
… 


Please get back to us if you need further assistance. 

Regards, 
Ajith G. 


Loader.
Up arrow icon