Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1590
Mouse Hover affect on XamMenu
posted

Hi ,

I have used Xammenu in our application. I want to add mouse hover affect to the header by changing the Foreground color from White to black. I am not finding any option do that.

Could you please provide me a solution to achieve this.

My code Snippet:-

   <ig:XamMenu Name="dtMenu" ExpandOnHover="True" MenuOrientation="Horizontal"  ItemTemplate="{StaticResource MenuDataTemplate}" Foreground="White" MouseEnter="dtMenu_MouseEnter">
                    <ig:XamMenu.HierarchicalItemTemplate>
                        <ig:HierarchicalDataTemplate ItemsSource="{Binding Path=Reports}" ItemTemplate="{StaticResource MenuItemDataTemplate}">
                            <ig:HierarchicalDataTemplate.DefaultItemsContainer>
                                <DataTemplate>
                                    <ig:XamMenuItem Click="XamMenuItem_Click" Foreground="Blue">
                                        <ig:XamMenuItem.Icon>
                                            <Image Source="/CS.MixVisualization;component/Images/Chart.png" />
                                        </ig:XamMenuItem.Icon>
                                    </ig:XamMenuItem>
                                </DataTemplate>
                            </ig:HierarchicalDataTemplate.DefaultItemsContainer>
                            <ig:HierarchicalDataTemplate.HierarchicalItemTemplate>
                                <ig:HierarchicalDataTemplate ItemsSource="{Binding Path=Reports}" ItemTemplate="{StaticResource MenuItemDataTemplate}"/>
                            </ig:HierarchicalDataTemplate.HierarchicalItemTemplate>
                        </ig:HierarchicalDataTemplate>
                    </ig:XamMenu.HierarchicalItemTemplate>
                    <ig:XamMenu.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF6C8BA3" Offset="1" />
                            <GradientStop Color="#094981" Offset="0.25" />
                        </LinearGradientBrush>
                    </ig:XamMenu.Background>
                    </ig:XamMenu>