Declined
Last Updated: 19 Jun 2025 20:56 by ADMIN
JG
Created on: 17 Jun 2025 14:26
Category: UI for ASP.NET Core
Type: Feature Request
2
Extend Menu .append to accept Icon class

Currently, when dynamically appending menu items using the append() method, there is no built-in support to specify an icon via an icon, iconClass, or similar property — unlike other Kendo UI components such as kendo.ui.Button, which allow this directly.

To include an icon today, we must use inline HTML within the text property and set encoded: false, like so:

menu.append({
    text: '<span class="k-icon k-i-plus"></span> Add Item',
    encoded: false
});

While this workaround functions, it's not as clean or consistent as using a dedicated iconClass or icon option.

Please consider adding official support for an iconClass, icon, or similar property when using append() with kendo.ui.Menu, aligning it with how other Kendo components handle icons.

This would:

  • Improve API consistency across Kendo components.
  • Simplify code for dynamic menu updates.
  • Eliminate reliance on raw HTML and manual encoding flags.
1 comment
ADMIN
Eyup
Posted on: 19 Jun 2025 20:56

Hi Jack,

 

Thank you for reaching out.

You are correct and all of these can be achieved with the following property:

icon:"k-i-plus",
I have created a live sample for demonstration:
https://dojo.telerik.com/beTMCgPX/7 

It will automatically generate an SVG icon with the defined icon model:

Do you find this helpful?

 

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