[Solved] Hovered Item Background Color

[Hattan Shobokshi]

Hi,

Is there a way to change the background color that appears when you hover over a selection the AutCompleteBox? Currently it's defaulting to blue, but I'm wondering if there is a way to override that color and customize it for my particular app.

Thanks!

Hattan

[Ivaylo Gergov]

Hello Hattan,

Thank you for your interest.

Yes, there are two ways to change the background color of an item on pointer over. The first approach is to redefine the TelerikAutoCompleteBoxSelectorSelectedItemBackgroundBrush brush in your application resources like this:

<SolidColorBrush x:Key="TelerikAutoCompleteBoxSelectorSelectedItemBackgroundBrush" Color="Green"/>

This approach is global and it will change this color in all the RadAutoCompleteBox instances in your application.
The second option is to edit the template of the inputAutoComplete:SuggestionItem( it is in the Telerik.UI.Xaml.Controls.Input.AutoCompleteBox namespace) and change the background color in the PointerOver and SelectedUnfocused visual states.

I hope this information helps. Let me know if this helps.

 

All the best,
Ivaylo Gergov
the Telerik team

[Hattan Shobokshi]

Hi Ivaylo,

Thank you for your help. That is exactly what I was looking for, I really appreciate it.

Hattan 

[Karthik Reddy]

Can you please help with an example for this.

[Ivaylo Gergov]

Hello,

I have attached a sample project for demonstration.

Please, let me know should you need further assistance.

Regards,
Ivaylo Gergov
Telerik