Hi,
I currently am using a RadMenuItem to show one particular Icon for example the Whatsapp logo.
When I hover over the RadMenuItem I would like the icon to change to another version (white) which will be more visible due to our RadMenuItem mouse over having a darker background.
The code below is showing the original logo but the IsMouseOver trigger does not appear to be working.
Here is my code:
MainWindow.Xaml
<telerik:RadMenuItem Height="30"
Command="{Binding EmailSupportCommand}"
FontSize="14" IconColumnWidth="30" Header="Email info@.com"
>
<telerik:RadMenuItem.Icon>
<Image>
<Image.Style>
<Style TargetType="{x:Type Image}">
<Setter Property="Source" Value="..\..\Auxiliary\Resources\64x64\dark\email.png" />
<Style.Triggers>
<DataTrigger Value="True" Binding="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadMenuItem}, Path=IsMouseOver}">
<Setter Property="Source" Value="..\..\Auxiliary\Resources\64x64\light\email.png" />
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
</telerik:RadMenuItem.Icon>
</telerik:RadMenuItem>