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
No Data
Reply
  • 30945
    Offline posted

    Hello Anil,

     

    I have been looking into your previous two replies and I am not sure that I completely understand that are the two issues that you are having with the sample application that I have sent you. Would you please sent me a screenshots that will clarify the issues that you have described in order to be able to assist you?

     

    Regarding the third issue that you are referring to, I have tested the sample application that I have previously attached and the Icon seems to work as expected. I am attaching the sample application with Icom property of the XamMenuItem set to an Image. I have also tested it with the latest service release and it seems to work as expected.

     

    Looking forward to hearing from you.

     

    Sincerely,

    Krasimir

    Developer Support Engineer

    Infragistics

    www.infragistics.com/support

    XamMenuHoverEffect_2.zip
Children