Help templating the radmenu

[Pablo]

Hi all, 

we are trying to stylish the radmenu and we can't find the way to do what we need. We just want the top item in the menu (the "header item") to not to show that orange background color when the mouse is over the item or the item pressed. Rather than that, we need to keep the regular background color, without changes (see attached files "HowItWorksNow.png" and "WhatWeWant.png".)  

We've taken a look at the documentation and tried to navigate the different templates that the control has, but we haven't been able to achieve this behaviour. 

We're using Expression Blend 4 and SL 4. 

Any help will be really appreciated. Regards,

Pablo.

[Dani]

Hello Pablo,

To customize the brushes used in RadMenu, you need to edit the ButtonChrome control which is found in each template of RadMenuItem.  Be sure to check this help article on modifying the ButtonChrome. Although it uses a RadComboBox , the process is the same for a ButtonChrome found in any other control.

I can see that the design you wish to have has solid colors, so I think you had better replace the ButtonChrome with simple visual elements (Borders, for instance) and animate them in the VisualStateManager. This approach is also described in the article.

I hope this will be helpful.

Kind regards,
Dani
the Telerik team

[Pablo]

Hi Dani,

Thanks for your fast response! We'll have a look at it and get back to you with any additional questions. 

Regards,

Pablo.