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>
Krasimir,'
In office i cant play the video. But I will check your video and get back to you. Mean while Could you please try in IE 6.0. Because in our Organization all the branches we will be using IE 6.0. Yeah i Know its very old. But I have to give support to it.
Thanks
Anil Kumar
Hello Anil,
Thank you for your clarification. I have been looking into the screenshot that you have attached and I could not manage to reproduce the behavior described in the screenshot. I have tested the sample application that I have attached with my previous post (XamMenuHoverEffect_2.zip) under both Windows 7 and Windows XP with build 11.1.20111.1004 and the latest service release. I am attaching a video of the behavior that I am getting.
Would you please provide me with more detailed information regarding the environment in which you are developing you application(Operating system, Service Release, Integrated development environment and the specific version of our product that you are using)?
Looking forward to hearing from you.
Sincerely,
Krasimir
Developer Support Engineer
Infragistics
www.infragistics.com/support
When I click on one menu but menu will be highlighted is different in the main Menu.
I have depicted the scenario in Screenshot and attached it.
Step 1 :- Mouse over on "Item2" and doesn't select any tab.
Issue :- Tab "Item2" will be highlighting. But it shouldn't because I didn't selected any menu.
Step 2:- Now mouse over "Item1" and doesn't select any tab.
Issue :- Tab "Item2" will be highlighting. But it shouldn't because I didn't selected any menu and even I Moved my mouse over on "Item1".
Please correct it and update me.
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.
One more Issue :-After applying the style provided by you the Submenu Icon is not visible.
please let me know how to correct it.
Code Snippet Below :- <ig:HierarchicalDataTemplate.DefaultItemsContainer> <DataTemplate> <ig:XamMenuItem Click="XamMenuItem_Click" Foreground="Blue"> <ig:XamMenuItem.Icon> <Image Source="/CS.MixVisualization;component/Images/Chart.png" /> /* Not visible */ </ig:XamMenuItem.Icon> </ig:XamMenuItem> </DataTemplate> </ig:HierarchicalDataTemplate.DefaultItemsContainer>