toolbar-dropdownbutton

[Matt]

Hi,

I couldn't find anything related to this so thought I'd just drop a question in here. I'm currently working with the editor and I need to override the template for the items in the popup when the toolbar button is clicked; default only allows you to pass text and/or icon.

I'm aware you can do this with regular kendo drop down lists by using ng-template within the component selectors in html, however after playing around with this I am unable to replicate that behaviour using the toolbar-dropdownbutton.

Have I missed something in the docs that explains a strategy for doing this, or is it the case that I would need to implement a custom toolbar control to be able to have this functionality?

any help would be appreciated.

Thanks

[Svet]

Hi Matt,

Indeed, you have turned in the right direction. The toolbar-dropdownbutton and the regular DropDownList component are two different components. Thus their features aren't shared. Thus, as you have inferred, the way to add a custom layout to the popup of a responsive Toolbar is to implement a Custom Control Type:

https://www.telerik.com/kendo-angular-ui/components/toolbar/custom-control-types/

The last example on the referenced article above demonstrates how to add a Kendo DropDownList Component as a custom tool to a responsive ToolBar by using both the toolbarTemplate and popupTemplate. I am pasting it here for reference:

https://stackblitz.com/edit/angular-dxpp9t?file=app/app.component.ts

Please let me know in case further assistance is required for this case. Thank you.

Regards,
Svetlin
Progress Telerik