jqxMenu Not Closing on Mouse Exit

[tphanParticipant]

Hello, i noticed that if you move the mouse over the menu quickly, it opens the menu items but does not close it on mouse exit. Thus, if you menu is at the top of the page, the mouse will always move through the menu system if you need to navigate to a different URL in the browser or click on another browser tab. Is it possible for a timer to be added to monitor the expanded menu items and close it if the mouse is not positioned on top of the expanded menu items?

Thanks.

Tri

[Peter StoevKeymaster]

Hi tphan,

The menu is closed automatically on mouse leave event. If you wish, you can put a timeout and call the “close” method.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[tphanParticipant]

Peter, the menu does not automatically close on mouse leave. if you move the mouse over the menu quickly, it does not trigger the mouse leave event and the menu stays open. Can you guys take a look to see if anything can be done? Thanks.

[Peter StoevKeymaster]

Hi tphan,

The menu closes itself on mouse leave. Look at our samples online. If you do not for some reason like the current behavior, then please use the “close” method to close the menu when you would like it to be closed.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[tphanParticipant]

Peter, so to better manage the AutoOpen, we decided to turn the AutoOpen feature off and activate showTopLevelArrows. With the Summer theme during the onmouseover, the down arrow blend in with the dark selected color of the menu item. Is it possible to change the down arrow on mouse over to use the white icon? I noticed that the text is white on mouseover so if the down arrow being white would blend in well.

The only way for me to change the icon to white is to change the below in jqx.base.css. However, this also change the down arrow icon at all times include when the mouse is not on top of it.

.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected
{
background-image: url(‘images/icon-down-white.png’);
background-repeat: no-repeat;
background-position: center;
}

Any help is appreciated. Thanks.

Tri

[Peter StoevKeymaster]

Hi tphan,

If you want to change an icon for the Summer theme, edit or define that CSS in jqx.summer.css, not in the jqx.base.css.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[tphanParticipant]

Peter, thanks. I finally got it to work but changing summer.css file.

Tri

[Peter StoevKeymaster]

Thanks for the update.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts