Wrong style for hovered with

[lukesMember]

It looks like jqxMenu add wrong style to LI that contains a link. The link is moved down compering to other menu elements.

The style of LI with a link is: float: left; padding-top: 8px; padding-bottom: 9px;

The style of LI without a link: float: left; padding-top: 6px; padding-bottom: 7px;

[Peter StoevKeymaster]

Hi lukes,

The jqxMenu applies CSS styles to the LI elements and anchor tags, if any. The .jqx-menu-item class is applied to the sub menu items and the .jqx-menu-item-top class is applied to the top-level menu items. Each of these classes also define appropriate styles for the anchor tags, for example: jqx-menu-item a:hover, etc. The CSS files are included in the installation and you can find them in the jqwidgets/styles folder.

Thank you for the feedback. We appreciate it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[lukesMember]

Well… i would change CSS file, but the padding is added as a “style” attribute, which looks like it is jqwidget script work.

[lukesMember]

Unless, it is not a bug, but this is how it supposed to work.

[Peter StoevKeymaster]

Hi lukes,

jqxMenu has an option to try to vertically align the top-level menu items depending on their content by adding top and bottom padding. You can disable this built-in feature by setting the autoSizeMainItems property to false. Hope this information helps you.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jack78Member]

Hi,

Since this thread was, at some point, related to the .jqx-menu-item class in jqx.base.css, I would like to mention that the current CSS file (line 882) applies to all visited links and not only the ones under .jqx-menu-item like it should.

Current line : .jqx-menu-item a:link, a:visited

Just so you know…

Jack

[Peter StoevKeymaster]

Hi Jack,

Thanks for the feedback. The reported issue is known and will be resolved in the next release which will come with the new Theme Builder.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts