Hi Team,

We are using Kendo Grid in our angular project, and we are facing issues with accessibility in WAVE Extension

when we check our page with wave extension it shows (

)

We need to remove all the alerts for the data tables.

* For Wave extension, you may need to install extension () in your chrome browser

Below is an example of the code we are using for grid.

https://stackblitz.com/edit/kendo-ui-grid-yk8jxk?file=app%2Fapp.component.ts

I am trying to set up a grid with hard coded data, but I get the following error. I am using the trial version of grid.

Any idea how to fix it ?

ERROR TypeError: $localize is not a function

    at consts (\node_modules\@progress\kendo-angular-grid\fesm2020\progress-kendo-angular-grid.mjs:28430:16)

    at createTView (\node_modules\@angular\core\fesm2022\core.mjs:11368:60)

    at getOrCreateComponentTView (\node_modules\@angular\core\fesm2022\core.mjs:11343:28)

    at addComponentLogic (\node_modules\@angular\core\fesm2022\core.mjs:12096:19)

    at instantiateAllDirectives (\node_modules\@angular\core\fesm2022\core.mjs:11898:9)

    at createDirectivesInstances (\node_modules\@angular\core\fesm2022\core.mjs:11306:5)

    at Module.ɵɵelementStart (\node_modules\@angular\core\fesm2022\core.mjs:23045:9)

    at StudiesComponent_Template (\src\app\components\studies\studies.component.html:4:1)

    at executeTemplate (\node_modules\@angular\core\fesm2022\core.mjs:11268:9)

    at renderView (.angular/cache/17.3.8/vite/deps/chunk-IQF64XDW.js?v=647d7f9f:7478:7) {stack: 'TypeError: $localize is not a function

    at…ite/deps/chunk-IQF64XDW.js?v=647d7f9f:7478:7)', message: '$localize is not a function'}

I finally go t to upgrade Angular and Kendo update comes with it.
However, i see that everything is now using kendo-svgicons.

Previously, we had global overrides to default icons through CSS - as part of our themes. But i see no way to override all the icons globally by default.

Passing in some custom parameter to each component instance is not an option.
There should be an option to override every default icon globally as a part of themes for a specific component.

Like every drop down toggle arrow (but not all arrows of the same style).

Overriding in the service overrides it everywhere and thereis no component context.

With font icons and CSS i could target .k-numerictextbox  + content. The service override just overrides it for everything that used the same key.

Even worse when a single component reuses the same icon for different places (grid grouping row  vs expandable row for example)

As you can see I removed the href="#" in DevTools, you don't need this, it doesn't even need to be an a-tag. 

When you hover over the collapse arrow, it looks like it will open an url, http://localhost:4202/# in this case.

Hey everyone, 

I'm having some problems with the Export to Excel functionality on android, it's working properly on my web app, but when I use cordova to build the app on android and test the same function there seams to be an issue. I'm not getting any errors but the tables are not beeing exported as expected.

Does anyone know if there's a compatibility issue with Kendo and Cordova or if I have to set any especific configuration for this function to work?

Thanks!

Hello,

while I managed to successfully translate messages of the pager for the Grid component, for the ListView I did not.

I searched for localized messages here:

https://github.com/telerik/kendo-angular-messages

but there is no listview file. I expected a yaml file like:

kendo:
  listview:
    # The label visible in the Grid group panel when it is empty
    groupPanelEmpty: Drag a column header and drop it here to group by that column

    # The label visible in the Grid when there are no records
    noRecords: No records available.

    # The label for the first page button in Grid pager
    pagerFirstPage: Go to the first page

I searched for a kendo-listview-messages like the kendo-grid-messages, but there isn't.

Can you suggest a way to translate listview pager?

Thanks a lot

Matteo

Hi.
In JQueryUI Scheduler component is possible to customize views extending class.
Here's Kendo documentation with example:
https://docs.telerik.com/kendo-ui/knowledge-base/custom-view

Our old schduler application used a custom view obtained with this feature and we need to port same behaviour in the new angular application.

Is possible to customize Scheduler' views in Kendo UI for Angular in the same way you gave possibility with JQueryUI and how?

I am trying to use Kendo Angular Grid with a configuration provided from elsewhere. I have a json object that spells out the columns. This worked great until I tried to add kendo-grid-column-group. Because I'm using a template I'm getting the console error "ColumnGroupComponent should contain ColumnComponent or CommandColumnComponent.".

How can I get past this error?

Here is a StackBlitz demonstrating it: https://stackblitz.com/edit/angular-phpipy-bb3wxe?file=src%2Fapp%2Fapp.component.ts

I've been tasked to automate testin, Selenium looks for id fields to be able to push key presses, in the following example I set the id fiels of the maskedtextbox, but I need to set the input of the k-input-inner class.

<kendo-maskedtextbox _ngcontent-umi-c628="" size="large" formcontrolname="zip" mask="00000" id="ado-enter-zip" class="form-control k-input k-maskedtextbox ng-untouched ng-pristine ng-invalid k-input-lg k-rounded-md k-input-solid" ng-reflect-size="large" ng-reflect-mask="00000" ng-reflect-name="zip" dir="ltr"><input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="k-input-inner" id="k-b18d4bf0-e10d-4b7f-a91f-23949992563d" tabindex="0" ng-reflect-events="[object Object]" aria-placeholder="00000" aria-invalid="false" aria-labelledby="k-fdc7408b-77b2-4dbb-b0ef-cc949b00b7cb"></kendo-maskedtextbox>

<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="k-input-inner" id="k-b18d4bf0-e10d-4b7f-a91f-23949992563d" tabindex="0" ng-reflect-events="[object Object]" aria-placeholder="00000" aria-invalid="false" aria-labelledby="k-fdc7408b-77b2-4dbb-b0ef-cc949b00b7cb">

is there a way to do this?

Thanks