We're busy putting all our 3rd party tools behind wrappers. Unfortunately, the Tile Layout work is not going so well. We've tried splitting up all the consituent components behind our own wrapper components, with each component referencing a key part of the Tile Layout structure, like so:

dashboard-view -> References <kendo-tilelayout>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>

etc.

The trouble starts when splitting off the `kendo-tilelayout-item` from `kendo-tilelayout` and putting them into their own separate components.

It all looks fine from a coding standpoint, but when building the app and running it in the browser, we get this error:

NullInjectorError: No provider for LocalizationService!

We can provide for this service and also get the injection token, but the comments states that this service is hidden. Nevertheless, even after this is done we then get this error:

NullInjectorError: NullInjectorError: No provider for TileLayoutDraggingService!

Now, the service in question is present in the Kendo library, but is also hidden and inaccessible.

I don't think trying to fudge a way around importing the service somehow is the answer here.

Instead, I want to know if we're doing anything wrong and/or whether we are implementing the wrapper component correctly?

There is currently no way to separate selected color and primary color in the new var based theme.

Primary color are often way too strong and heavy for a selected background.

Half the selected states are hard linked to primary color, while the other half to base.

Right now, the only way to separate this is to write CSS overrides for every single component that has some selected states.

It feels like the theme has become way too strict and opinionated. Standard common states should be still globally themable and not linked to some base color. 

$kendo-selected-text / bg for example cannot be overwritten either  -  they are not marked as !default.

Hi

I want to programmatically hide the right panel.
But if you change the panel size, then when hidden, the left panel does not take up free space.

Kendo component

https://www.telerik.com/kendo-angular-ui/components/layout/splitter/

Demo

https://stackblitz.com/edit/angular-m7fxze-rabzpa?file=src%2Fapp%2Fapp.component.ts

How do I implement the sticky feature on the dropdownlist component? When browsing files on a code editor like Vscode, browsing deep level files, he pastes the parent file to the top. (I translated it from Chinese to English, please see the picture if you don't understand, thank you)

Implement sticky functions similar to those in the picture

/Users/like/code/Angular/angular-kendo/node_modules/@angular-devkit/architect/node/jobs/job-registry.js

i am pushing data in to filters in specific events,  after adding filters, last control(textbox or editor where values  is entred) is unreachable,not able to type any values.

Please look in to the issues.

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.