Customizing mouse over/selected states for RadPanelBarItem

[Allen]

Hi,

I have attached two images. I am basically using 

RadPanelBar which contains RadPanelBarItems

RadPanelBarItem1 shows a single item as normal(with the yellow background)
RadPanelBarItem2 shows the item when a mouse is hovered over it.

I want it so that even when the mouse hovers over the item it will display the same without the extra  gray hover over.
I assume this has something to do with setting ChildItemsTemplate of the RadPanelBarItem.

Also looking at the attached images Im also trying to get rid of the cyanish border around the RadPanelBar when the control is selected

I tried using the control template shown on the  
http://www.telerik.com/forums/default-resources-for-radpanelbaritem-control-template

but it always crashes when I set ChildItemsTemplate in code?

Any suggestions is appreciated.

[Pavel R. Pavlov]

Hi Allen,

You are right that the look of the second level items is controlled by the ChildItemsTemplate property of the RadPanelBarItem. You should customize the "MouseOver" VisualState of the default ControlTemplate. For your convenience I extracted and edited the default Style of the RadPanelBarItem in the attached project.

Regarding the requirement to get rid of the border, I am not sure what exactly I see on the picture. This border can be part of the first level item or it can be part of the second level item.
However, In both cases you are able to customize that border using the default Style of the items.

Please take a look at the attached project and let me know if you need any further assistance.


Regards,
Pavel R. Pavlov
Telerik