Translation of Grid

Question

Hi,we are using the grid and the json translation files (Webassembly). Everything works perfect, but 2 things are not translated (screen):Items per Page, 1 of 1 pages, all the rest works fine with your default translation files..Any idea?

Rahul Narayanasamy · Answer

Hi Nils, 

Greetings from Syncfusion. 

We validated your reported problem at our end and you we may suspect that you have defined the SetCulture method in OnInitializedAsync/OnInitializaed method. Could you please define the SetCulture method within OnAfterRenderAsync method and ensure the problem at your end. Find the below documentation for your reference. 

Reference: 
https://blazor.syncfusion.com/documentation/common/localization/#localization-translation-for-blazor-webassembly-application 
https://blazor.syncfusion.com/documentation/datagrid/global-local/?no-cache=1#blazor-webassembly 





   protected override async Task OnAfterRenderAsync(bool firstRender) 
    { 
        var data = await Http.GetJsonAsync<object>("localefiles/pt.json"); 
 
        this.JsRuntime.Sf().LoadLocaleData(data).SetCulture("pt"); 
    } 
} 

Please find the sample for your reference. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorGridGlb-1458458152  

If you are still facing the same problem, then could you please share the below details. It will be helpful to validate further. 


Share full code snippets.
Reproduce the problem in the provided sample.

Please get back to us if you need further assistance. 

Regards, 
Rahul

Unknown · Answer

No. i am using the onafterrender event.. Will try to create a repro..

Rahul Narayanasamy · Answer

Hi Nils, 
 
We have validated your query and also we would like to inform that we have changed the keys case(in locale file) in one of our previous release for Pager. You need to change the Keys(First letter as Capital in particular locale(here pt.json file in wwwroot folder)) in locale file. Find the code snippets for reference.  
 




"pager": { 
            "CurrentPageInfo": "{0} de {1} páginas", 
            "TotalItemsInfo": "({0} itens)", 
            "FirstPageTooltip": "Ir para a primeira página", 
            "LastPageTooltip": "Ir para a última página", 
            "NextPageTooltip": "Ir para a próxima página", 
            "PreviousPageTooltip": "Ir para a página anterior", 
            "NextPagerTooltip": "Ir para o próximo pager", 
            "PreviousPagerTooltip": "Ir para o pager anterior", 
            "PagerDropDown": "itens por página", 
            "PagerAllDropDown": "Itens", 
            "All": "Todos" 
        } 
 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorGridGlb-1458458152-953334224  
 
If you are still facing the same problem, then could you please share the below details. It will be helpful to validate the problem further. 
 

Full Grid code snippets.
Ensure the Key cases in your locale file.
Reproduce the reported problem in the provided sample.
Share reproduceable sample if possible.
 
Regards, 
Rahul

Unknown · Answer

Hi Rahul,that solves my issues! Thank you.Nils

Rahul Narayanasamy · Answer

Hi Nils, 

Thanks for the update. 

We are happy to hear that the provided solution resolved your problem. Please get back to us if you need further assistance. 

Regards, 
Rahul