Hello,
See attached JPG. This is a simple demonstration of using a WebDataMenu that is using a style that is derived from the Carribean style.
I've used the AppStylist to try to change that gray hover background as you see in the JPG. In the AppStylist itself, I don't get the gray hover on the horizontal menus. There's nothing I need to change when viewed from the AppStylist.
I made a backup and then went through the AppStylist and made everything the color of brown and set all images to none but I can't force any change to the hover.
Any ideas? This menu is a WebDataMenu, Carribean style, with the Group Settings Orientation as horizontal.
Sincerely,
James
Hello James,
Thank you for contacting Infragistics!
I have looked at our Caribbean style and the grey box when hovering over a menu item does not appear. I believe you are seeing this due to a specific change or missing element from the version of Caribbean style you are using. Please provide me with your version of the Caribbean style so I may review it and see what may be causing this behavior for you.
Thank you!
This is a small zip of the http://aspnet.softwaremotif.com project in Visual Studio 2013 with IG 14.1.
I have looked at your Caribbean style too with the version 14.1.20141.2328 and the grey box when hovering over a menu item does not appear.
I believe you are seeing this on specific browser or missing some element .
Please try to clear you cached and provide me some more information like which browser and which version of browser you are using
so I may see what may be causing this behavior for you.
Thank you for checking into this for me. It is now perfect!
Kind Regards,
Thank you for providing all the information .
I used your zip file again and able to reproduce the same behavior, In your Sie.aster page you are using one more Style sheet “Site.css” and when I look into that I found you set gray background when you hovering over a menu ,
As you can see you line of code here :
a:hover {
background-color: #c7d1d6;
}
Please comment this code and you will not get gray background .
Please let me know if I may be of further assistance with this matter.
I cleared caching on each of these browsers:
IE 10 (Windows Server 2012)
Google Chrome 47.0.2526.106 m (Windows Server 2012, also Win 7 Ultimate x64, also Win 7 Ultimate x86)
Microsoft Edge 25.10586 (Windows 10)
IE 11 (Win 7 Ultimate x64, also Win 7 Ultimate x86)
My Android Samsung 6 browser when you select
This behavior is consistent among every browser and every computer I've tested.
I am thinking that in your testing, you are moving your mouse over the menu but not moving your mouse over the text of the menu.
If I move my mouse over the menu text itself such as "Products", using any browser, with its caching cleared, I get a 50% gray looking background behind the text. Then, moving down the menu of products, each submenu item, if hovering over the text, gives a 50% gray background behind the text.
This 50% gray doesn't look normal to me.
What are the CSS tags to change that supposed to be? I'd like to not have the submenus change to 50% gray, and as for the main part of the menu, I'd rather change the text to white when hovering rather than change the background to 50% gray.
http://aspnet.softwaremotif.com is where you can see this easily and hover over the text itself.
Thank you!!!