This is a migrated thread and some comments may be shown as answers.

DatePicker / TimePicker / Grid / ... - Translations missing

2 Answers 906 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

answered on 22 Aug 2018, 08:51 AM

Hi Jürgen,

In order to translate the built-in messages of the Grid we can use its CustomMessagesComponent. For an example implementation please check the following sample plunker that demonstrates translation of the messages "no records" and "Drag a column header and drop it here to group by that column" to Bulgarian:
https://stackblitz.com/edit/angular-xhshf9?file=app/app.component.ts

<kendo-grid [data]="[]" [height]="280" [groupable]="true">

<kendo-grid-column field="ProductID" title="ID" width="40">

</kendo-grid-column>

<kendo-grid-column field="ProductName" title="Name" width="250">

</kendo-grid-column>

<kendo-grid-messages

groupPanelEmpty="Влачи тук за групиране"

noRecords="Няма данни">

</kendo-grid-messages>

</kendo-grid>

We can set a German culture locale in order to have the DateInputs components' messages in German as demonstrated in the following article:
https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization/#toc-globalization

In order to change the built-in messages of the Calendar, we need to use the kendo-calendar-messages component (the same approach used for the grid):

<kendo-calendar>

<kendo-calendar-messages today="Heute">

</kendo-calendar-messages>

</kendo-calendar>

Check the following example demonstrating the discussed approached:
https://stackblitz.com/edit/angular-mxqa67-xocmoa?file=app%2Fapp.component.ts

I hope this helps.

Regards,
Svetlin
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Daniel

commented on 31 Oct 2022, 02:14 PM | edited

Can you please add translations for basic buttons like 'Set', 'Today', 'Now' and 'Cancel' ?

I work in multinational project where user can switch language and I, as developer , don't know in what language datepicker will be displayed.

My work around is to translate messages in controller, but this is bad in long term, because i must translate it separately in each component where i use kendo date/time pickers . This violates DRY rule really hard.

And please don't tell me how to change my work around. There should be no work around needed. This should work out of the box.

Best Regards.

Daniel

Svet

commented on 02 Nov 2022, 12:08 PM

Hi Daniel,

The Date picker components do provide localization for the mentioned messages. For example please see the custom messages provided for the DateTimePicker component at the following link:

https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/TimePickerCustomMessagesComponent/

The accept property can be used for the 'Set' button. The other messages for 'Today', 'Now' and 'Cancel' can be cahnged via the respective properties with the same names.

The translation strings of these messages in different languages is considered a community effort. The public kendo-angular-messages GitHub repository holds the currently available translations for all Kendo components in all languages. Feel free to add any missing translations for any component and language with a pull request. We will then review and approve it.

I am not sure what approach to localization you have overtaken. In case further information is required for this case, please let me know which approach of the ones listed in the following article is used on your side:

https://www.telerik.com/kendo-angular-ui/components/globalization/localization/messages/

or if another technique is used. Thank you. That will allow me to better understand the use-case scenario. I am looking forward to your reply.

Daniel

commented on 02 Nov 2022, 12:51 PM

I am using custom messages from your first link, but in my opinion these buttons should be translated out of the box. Just like names of months are translated out of the box.

I created pull request with some norwegian translations I need the most. https://github.com/telerik/kendo-angular-messages/pull/200

Svet

commented on 03 Nov 2022, 01:36 PM

Hi Daniel,

Thank you for the submitted PR. It has been merged and the translations can now be used from the latest dev version of kendo-angular-messages:

https://github.com/telerik/kendo-angular-messages/releases/tag/v1.38.0-dev.202211031151