Can the TelerikMenu generate anchor tags instead of spans?

1 Answer 12 Views
Menu Styling
Jevon
Top achievements
Rank 1
Jevon asked on 27 Jun 2025, 05:06 PM

As of right now, the TelerikMenu generates a menu where each menu item is a span with an onclick handler that navigates to the page. It looks like this:

<li data-id="..." tabindex="0" class="k-item k-menu-item k-first" role="menuitem" aria-live="polite">
   <span class="k-link k-menu-link ">
      <span class="k-menu-link-text">
         Page Title
      </span>
   </span>
</li>

However, because they are only spans, when right clicking on a menu item, there is no option to open the link in a new tab. In addition, middle clicking the menu item doesn't work either. Can these be changed to anchor tags so menu items can be opened in a new tab? I know there is an ItemContext that can be added to the TelerikMenu, but I would like to keep all the styling of the default TelerikMenu.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Jun 2025, 05:45 AM

Hello Jevon,

Yes, the Menu itself always renders <span> elements and uses the standard framework NavigationManager to navigate.

You can use the Menu ItemTemplate to render <NavLink>'s or <a>'s

Regards,
Dimo
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
Menu Styling
Asked by
Jevon
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or