IconSclass in Menu / Menuitem

asked 2014-05-23 11:22:27 +0800

eclipse2 gravatar image eclipse2
17 4

updated 2014-05-26 03:54:05 +0800

vincentjian gravatar image vincentjian
2245 6

Hi! I trying to use the iconsclass in menu/menuitem, but the the alignment is not correct. How I can fix this to use icons from font awesome?

Test code:

<button label="Click" popup="popup, type=toggle, position=after_start" />
<menupopup id="popup">
    <menuitem  iconSclass="z-icon-plus" label="Add contact" />
    <menuseparator />
    <menuseparator />
    <menu label="Group" iconSclass="z-icon-group">
            <menu label="Add to...">


My best regards.

delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted

answered 2014-05-26 03:58:26 +0800

vincentjian gravatar image vincentjian
2245 6

updated 2014-05-26 04:00:28 +0800

Hi, you can try add the following CSS style.

.z-menu-content i:not(.z-menu-icon),
.z-menuitem-content i:not(.z-menu-icon) {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-right: 9px;

Check the result in zkfiddle

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2014-05-23 11:22:27 +0800

Seen: 95 times

Last updated: May 26 '14

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More