RadMenu Item Links targeting blank

[Brian Mains]

Hello,

For hyperlinks in the RadMenu, I need to append target="_blank" to them, but I can't figure out a good approach for this.  What approach do I use to do this?

Thanks.

[Atanas Korchev]

Hi Brian Mains,

Unfortunately we have not exposed a way to set the html attributes of the link generated for a menu item. I have added this as a feature request and we will implement it soon. The api would probably be

items.Add("Text").LinkHtmlAttributes(new { target="_blank" }));

For now the only workaround is to set the target with JavaScript using the OnClientLoad event:

.ClientEvents(events => events.OnLoad(() => {
                %>
                    function (e) {
                        $(this).find('a').attr('target', '_blank');
                    }
                <%}))

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Brian Mains]

Hello,

Thanks.  I modified it, for the benefit of someone else who may read this, I needed only a subset of the links to open in new windows.  To do this, I appended a css class to the parent list item (which is set by the HtmlAttributes collection).  It adds a class to the list item that makes up the menu (under the scenes, it uses a UL element).  Then, I changed the JQuery statement to be:

$(this).find("li.MyTargetedLink > a").attr("target", "_blank");

And that worked perfectly.

Thanks again.

[FENG Zhichao]

.LinkHtmlAttributes() would be very useful :)

[Brian Mains]

Hello,

Does the ItemAction() method which takes a menuitem passed in, which has a LinkHtmlAttributes method, is this the same as the proposed solution?

Thanks.

[Atanas Korchev]

Hi Brian Mains,

Yes. It is the same. You can use this code for example:

.ItemAction(item => item.LinkHtmlAttributes.Add("target", "_blank"))

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.