Expand a header item when clicking on the Arrow only

[test]

Hi Telerik Team:

I am using RadPanelBar with a default skin. If I click the Arrow image (provided by the skin) on the right side of header item. The item gets expanded. However it also popup a new page (specified in NavigateURL ).

What I want is when I click the Arrow, it expands the item,  but not popup the NavigateURL page. The NavigateURL page should be populated when I click other area of the header.

I looked at your sample "Example Scenarios (How To) > Expand a header item while clicking on the ImageUrl only". It is close but not exactly what I want.

I appreciate your response.
Thanks
Wei

[Kamen Bundev]

Hi,

This behavior has been changed in Q2 2010 which rolls out this week. The expand arrow will now expand the group and won't navigate.

Greetings,
Kamen Bundev
the Telerik team

[test]

Hi Kamen:

Can you please tell me how to do it myself? Maybe give me some samples. I need to implement it right now. I can use a custom skin if needed.

I looked at sample at http://www.telerik.com/support/kb/aspnet-ajax/panelbar/preserve-the-expand-and-collapse-functionality-of-an-item-which-has-its-navigateurl-property-set.aspx

It does it using arrow image replacing regular image. I still need the regular image at the left side, expandable image (arrow) at the right side.

Thanks
Wei

[Kamen Bundev]

Hi,

Unfortunately in older versions the expand image is part of the root element and can't receive separate clicks. You can inject an element in each expandable/expanded element on pageLoad or RadPanelBar's OnClientLoad and adapt the KB article to use that element.

Kind regards,
Kamen Bundev
the Telerik team