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.
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!!!
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.
Thank you for checking into this for me. It is now perfect!
Kind Regards,