Search code examples
wpfxamlexpression-blendmenuitem

Setting an image im menuItem and changing the backcolor of a menuItem when MouseOver


I have a menu as shown in the figure below :

enter image description here

The XAML is :

<MenuItem .....>
    <MenuItem.Icon>
        <Image Source="Images/Add.png">
    </MenuItem.Icon>
</MenuItem>

I am not getting any image at runtime. Am I making any mistake in the above XAML?

Also, If anyone knows how to change the backColor of a menuItem on MouseOver, Please suggest.


Solution

  • Can you try this

    <MenuItem>
            <MenuItem.Style>
                <Style>
                    <Setter Property="MenuItem.Background" Value="Blue"/>
                    <Style.Triggers>
                        <Trigger Property="MenuItem.IsMouseOver" Value="True">
                            <Setter Property="MenuItem.Background" Value="Green" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </MenuItem.Style>
        </MenuItem>