Customizing mouse over/selected states for RadPanelBarItem

2 posts, 0 answers
  1. Allen
    Allen avatar
    18 posts
    Member since:
    Apr 2013

    Posted 19 Feb 2014 Link to this post


    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

    but it always crashes when I set ChildItemsTemplate in code?

    Any suggestions is appreciated.
  2. Pavel R. Pavlov
    Pavel R. Pavlov avatar
    1237 posts

    Posted 24 Feb 2014 Link to this post

    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.

    Pavel R. Pavlov
Back to Top