Completed
Last Updated: 18 May 2021 12:17 by ADMIN
Release 2021.R2.SP.next
Janick
Created on: 09 Apr 2021 09:52
Category: Grid
Type: Bug Report
0
Column Menu with Component Type "modern" is missing translations

Hi folks!

I am using the Grid's ColumnMenu with its new ComponentType-property set to "modern" like this:

@(Html.Kendo().Grid<my_fancy_web_application.ViewModels.ProjectListViewModel>()

                .Name("myGrid")
                .Editable(editable => editable.Mode(GridEditMode.InLine).DisplayDeleteConfirmation("Willst Du diesen Eintrag wirklich löschen?"))
                .Sortable()
                .Scrollable()                
                .Pageable(pageable => pageable.Enabled(false))
                .ColumnMenu(columnMenu => columnMenu.ComponentType("modern"))
// ... going on with some further definitions
)

In the <head>-Tag of my _Layout.cshtml file, I have set the Kendo Culture to Swiss German:

<script>kendo.culture("de-CH")</script>

What I now observed is, that the buttons "Apply" and "Reset" did not get translated properly and remain in English (see Column_Menu_Reset_Apply_Button.png). Whereas other messages are correctly translated. 

I tried to find out which message property was set there, so that I could add it manually to the "kendo.messages.de-CH.min.js" (as by the way I still have to do for e.g. the Grid's searchbar placeholder "Search..."). 

In the loaded kendo.all.min.js (2021.1.330) I discovered, that there was no message property in place, and the texts were rather hard-coded:

'<div class="k-columnmenu-actions">' + '<button class="k-button" type="button">Reset</button>' + '<button class="k-button k-primary" type="button">Apply</button>' + '</div>' + '</div>'

With the Chrome's dev tools and the source map, I found the above code on line 55815 by searching for the class "k-columnmenu-actions".

Could you please change the mentioned code to make use of the kendo.messages-properties and update the culture-specific kendo.messages files accordingly?

Thanks in advance!

Kind regards,

Janick

 


3 comments
ADMIN
Nikolay
Posted on: 23 Apr 2021 06:19

Hello Janick,

Thank you for clarifying the case.

Indeed you are right and so I have approved this as a bug. Its progress can be tracked at the below links:

As a token of gratitude for reporting this, I have added some Telerik points to your account.

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Janick
Posted on: 16 Apr 2021 06:23

Hi Nikolay

Thanks for your feedback. I realized, that I missed to properly state some important fact:

I am talking about the Columns-Section of the Column-Menu, not its Filter Section. 

When you open the Columns-Section in your provided Dojo (https://dojo.telerik.com/ETujEsOP), you can observe that the buttons indeed did not get translated:

It seems also not to be an issue with missing translations (or not yet, at least), because the Button labels are simply hard-coded as of my snippet from kendo.all.min.js in the original post.

Could you please have a look at it again?

Thanks in advance!

Kind regards,

Janick

ADMIN
Nikolay
Posted on: 16 Apr 2021 06:12

Hi Janick,

Thank you for reporting this undesired behavior.

As far as I can see de-CH translation for the multi-filter checkboxes is available:

Furthermore, I tested myself this and indeed, I have the buttons translated as well upon setting the culture. Please refer to the following Dojo demo:

More information on how to set the localization in the project can be found in the following article:

Let me know if you have any questions or in case I am missing something.

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.