Forums Retired Products and Controls
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
Close
Anil
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>

Parents
  • 30945
    Offline posted

    Hello,

     

    I have modified the sample application that I have sent to you with my previous response in order to solve the issues that you have described. The hover foreground hover effect affects only the root menu items and the sub menu items are shown when the mouse is over the root menu item.

     

    If you need any further assistance please do not hesitate to ask.

     

    Sincerely,

    Krasimir

    Developer Support Engineer

    Infragistics

    www.infragistics.com/support

    XamMenuHoverEffect_1.zip
Reply Children