-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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:
<vbox>
<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">
<menupopup>
<menu label="Add to...">
</menu>
</menupopup>
</menu>
</menupopup>
</vbox>
Thanks,
My best regards.
Hi, you can try add the following CSS style.
<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;
}
</style>
Check the result in zkfiddle
Asked: 2014-05-23 11:22:27 +0800
Seen: 102 times
Last updated: May 26 '14