Lack of localization of text for "columnMenu" in TreeList component

[Ekaterina]

Hello! Could you please explain how to localize text in columnMenu? 

I have forked an example from the documentation: TreeList Globalization, and added columnMenu to it.

My sandbox example here

But despite the expectation that it will also be translated into Spanish, as well as filter, I see a standard text that cannot be replaced / translated by LocalizationProvider:

Is this a known problem? Will this issue be fixed? Or maybe I somehow set up sandbox example incorrectly? 
I will be grateful for explanations.

 

Thanks in advance,

Ekaterina.

[Vessy]

Hello, Ekaterina,

You can localize the messages inside the column menu like follows:

  "columnMenu": {
    "filterClearButton": "Claro",
    "filterSubmitButton": "Filtrar",
    "filterTitle": "Filtrar",
    "sortAscending": "Orden ascendente",
    "sortDescending": "Orden descendiente",
    "filterEqOperator": "Es igual a",
    "filterNotEqOperator": "No es igual a",
    "filterIsNullOperator": "Es nulo",
    "filterIsNotNullOperator": "No es nulo",
    "filterIsEmptyOperator": "Esta vacio",
    "filterIsNotEmptyOperator": "No está vacío",
    "filterStartsWithOperator": "Comienza con",
    "filterContainsOperator": "Contiene",
    "filterNotContainsOperator": "No contiene",
    "filterEndsWithOperator": "Termina con",
    "filterGteOperator": "Es mayor o igual a",
    "filterGtOperator": "Es mayor que",
    "filterLteOperator": "Es menor o igual que",
    "filterLtOperator": "Es menos que",
    "filterIsTrue": "Es verdad",
    "filterAfterOrEqualOperator": "Es posterior o igual a",
    "filterAfterOperator": "Es despues",
    "filterBeforeOperator": "Es antes",
    "filterBeforeOrEqualOperator": "Es anterior o igual a",
    "filterAndLogic": "Y",
    "filterOrLogic": "O"
  }

For convenience, I have updated the sample provided by you with this approach:

• https://stackblitz.com/edit/react-m5rkvyfm-i4vbmcpn?file=app%2Fapp.tsx,app%2Fes.json 

Regards,
Vessy
Progress Telerik

[Ekaterina]

Hi Vessy,

Thank you so much for the solution — the snippet with keywords you provided works perfectly for localizing the columnMenu in the TreeList component. It was very helpful!

I just have one more question: is it possible to also localize AND / OR buttons in Grid Column Menu as well ? 
As far as I can see in the documentation example, localization was not applied for these buttons even when switching to another language.
https://www.telerik.com/kendo-react-ui/components/grid/globalization

 

Thanks in advance,
Ekaterina.

[Vessy]

Hi, Ekaterina,

The column menu in the Grid uses the same translations as the TreeList, namely:

    "filterAndLogic": "And",
    "filterOrLogic": "Or"

[Ekaterina]

Hello, Vessy,

Thanks for the reply. Yes, I've tried using these keywords for Grid columnMenu translation, but it doesn't seem to work.

Here's my sandbox: https://stackblitz.com/edit/react-6ydsy2zj?file=app%2Fgd-es.ts

[Vessy]

Hi, Ekaterina,

Thanks a lot for the provided project. I managed to reproduce the reported issue and can confirm that it is related to a bug in the Grid. I have logged it so you can track its progress here:

• https://github.com/telerik/kendo-react/issues/3384 

Your Telerik points also have been updated accordingly.