We are trying to create a Editor custom toolbar button with a defined SVG. No matter what we try, we are unable to change the default SVG button.

1 Answer 17 Views
Editor
Dan
Top achievements
Rank 1
Dan asked on 04 Jan 2025, 12:51 PM | edited on 04 Jan 2025, 12:52 PM

I am are trying to create a custom toolbar button with a defined SVG.  

No matter what we try, we are unable to change the default SVG button.  

The documentation says that the name will be used to apply a k-name class.  We can then use that to apply our own SVG. How can we change the SVG on a custom button?

Example - https://dojo.telerik.com/NyxxkxYJ


The following example demonstrates how to add a custom tool button. To enable styling where toolName is the specified name in the custom tool configuration, the custom buttons get a k-toolName CSS class. The undo and redo tool names are reserved.

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 08 Jan 2025, 12:47 PM

Hello, Dan,

I already answered the question in the support ticket you opened on the matter. I will share my reply here as well in case another Kendo user stumbles on the same issue:

"Please refer to this How-To article to change the icon of a custom tool using the tooltip. As for the missing class, it is confirmed as a bug, and hopefully will be fixed in the upcoming releases. I have converted this item in our Feedback Portal to a bug report so that you can track the progress."

Let me know if you have any further questions on the matter.

Regards,
Martin
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.

Tags
Editor
Asked by
Dan
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or