Changing mouse-over color

[Lennart Bauer]

Hi!

Is there a simple way to change the mouse-over color for a RadButton?
I have extracted the tamplate and there is a RenderMouseOver attribute. Can I change this in some way to achieve what I want?

Regards,
Lennart

[Dimitrina]

Hello Lennart ,

In order to change the mouse-over color of the RadButton control you have to make the following steps:
 - After  you edit  the style of RadButton you will see in its control template ButtonChrome control .
 - You have to edit the control template of the  ButtonChrome . In it you will find all the states of the RadButton control.

If you have further questions please do not hesitate to ask us.

I hope this will help you.

Regards,
Dimitrina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Lennart Bauer]

Thanks! Can you supply a short example?

[Dimitrina]

Hi Lennart ,

Please find attached an example with a custom style of the RadButton control.

If you have further questions please do not hesitate to ask us.
I hope this will help you.

Kind regards,
Dimitrina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Andi]

Really need 500 lines of template code to "simply" change color of button on mouse over 😯
What is a shorter solution?

[Stenly]

You could use the Theme Helper class, which enables you to directly modify the appearance of a specific basic control without the need to alter its control template. Please not that ThemeHelper class currently works out-of-the-box with the VisualStudio2019, Crystal, Fluent and Material themes.

To use it simply add the following namespace:

xmlns:helpers="clr-namespace:Telerik.Windows.Controls.Theming.Helpers;assembly=Telerik.Windows.Controls"

and this attached property to the wanted control:

<telerik:RadButton helpers:ThemeHelper.MouseOverBrush="Red"/>

Please note that by default all the controls we provide use the Office Black theme. To alter it either switch the theme to one of the 
mentioned earlier or you will need to edit the default control template. The following documentations explain in depth how to do it if you chose the latter option:

Modifying Default Styles | Telerik UI for WPF

Editing Control Templates | Telerik UI for WPF

You could also check the following SDK, which shows how to change the visual states for the Office Black and Office2016 themes.

xaml-sdk/Buttons/CustomizeVisualStates at master · telerik/xaml-sdk (github.com)

I am also attaching an example project for your convenience. It uses the Material theme and the ThemeHelper class approach.

[hal broad]

When I use this template on a RadRadioButton, I no longer get the different background color after the button is selected. Can you provide the section of the template that sets the selected/checked background color?

Thanks.

[Viktor Tsvetkov]

Hello hal broad,

Could you please provide a snapshot of the desired outcome of the selected/checked background, because I am not sure what you exactly want to achieve?

All the best,
Viktor Tsvetkov
the Telerik team