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.

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!