Kolika Bagchi

Kolika Bagchi

  • 1.6k
  • 36
  • 355

C# WPF- MenuItem on MouseOver style does not work

Jun 10 2024 3:34 PM

I want the menu background to be Grayish on mouse hover and same for the sub menu items.
But on hover the colour doesnot change.

<Menu Grid.Column="3" VerticalAlignment="Center" HorizontalAlignment="Center" Width="62" Height="20" Background="#FFFFFF" Foreground="#005F87">
                        <MenuItem>
                            <MenuItem.Header>
                                <StackPanel Orientation="Horizontal" Width="Auto">
                                    <Image Width="16" Height="16" Source="Images/image1.png"/>
                                    <TextBlock Text=" Style" Height="16" Width="40" Foreground="#005F87" VerticalAlignment="Center" HorizontalAlignment="Right" FontSize="12" FontFamily="Segoe UI" FontWeight="DemiBold" />
                                </StackPanel>
                            </MenuItem.Header>
                            <MenuItem Header="Default" IsCheckable="True" Background="#FFFFFF" Foreground="#005F87" FontSize="12" FontFamily="Segoe UI" Click="MenuDefault_Click"/>
                            <MenuItem Header="Channel" IsCheckable="True" Background="#FFFFFF" Foreground="#005F87" FontSize="12" FontFamily="Segoe UI" Click="MenuChannel_Click"/>
                            <MenuItem.Resources>
                            <Style TargetType="{x:Type Border}">
                                <Setter Property="CornerRadius" Value="2"/>
                                <Style.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter Property="Background" Value="Gray"/>
                                        <Setter Property="BorderBrush" Value="DarkGray"/>
                                        <Setter Property="BorderThickness" Value="1"/>
                                        <Setter Property="Opacity" Value="1"/>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </MenuItem.Resources>
                        </MenuItem>
                    </Menu>

Can anybody please tell me what am I missing?
Thank you in advance!


Answers (1)