Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 14 Feb 2023 14:25 by ADMIN
Mauro
Created on: 14 Feb 2023 13:06
Category: Kendo UI for Angular
Type: Bug Report
0
kendoGridAddCommand no longer works with kendoButton

Due to recent changes to kendoButton directive behaving like a component, this directive is no longer compatible.

This was important for buttons used in grid editing to extend the themes and styles of the kendoButton. 

Now this however leads to

ERROR Error: NG0300: Multiple components match node with tagname button: ButtonComponent and AddCommandDirective. Find more at https://angular.io/errors/NG0300


 

 

1 comment
ADMIN
Dimiter Topalov
Posted on: 14 Feb 2023 14:25

Hello Mauro,

Indeed, there were changes related to the Button directive (which is now a component) and all directives/components that were extending it. That being said, there is no need to add the kendoButton attribute to the AddCommandDirective - just kendoGridAddCommand is enough, as the AddCommandDirective extends the Button component and receives all necessary button-related classes and options:

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

Same goes for all other editing-related buttons all kendoGridEditCommand, kendoGridRemoveCommand, kendoGridSaveCommand, and kendoGridCancelCommand extend the Button component, and the respective attribute selectors should not be used alongside kendoButton.

I hope this helps.

Regards,
Dimiter Topalov
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.

Create an account Log In
View
Type
Status
Category