menu parent backcolor when hovering child menu

janetb99

Have a menu control working fine, but need a couple tweaks. Example (assumes background white, hover background gray, also using css) Anybody know how or a tutorial that will show me how to do two things: 1. When hovering over "Collie", have the background of Dog be the hover color. 2. When hovering on "Collie" item but not on "Collie", have the entire item background be gray. Right now, if the text is short, and you hover to the right of the text within the item, the background remains white behind the text. I would like for the background to turn gray on the parent item, and the entire single item now matter where the mouse appears. Thanks so much, Janet

Not Active

You'll need to use another control or write some custom javascript to handle these actions. The menu control is rendered as a html table with the items as anchor tags in the cells. You would need to write some javascript to handle the onmouseover event of each anchor tag and adjust the colors as appropriate.

only two letters away from being an asset

janetb99

When you say "use another control" - can you suggest one that would do as I would like? Or, would they all have the same rendering problem? And/or, do you know of a control or someone who has written the onmouseover for the menu control as you have described? Perhaps one you could recommend for a fee? The main thing I'm looking for is the parent to retain the 'hover' color when on it's child. jb

Not Active

Another third party control may provide better a experience for you. Without knowing your complete requirements or architecture I can't really recommend one. If you want ot contact me offline we can discuss it further.

only two letters away from being an asset