Revision history [back]

Specify custom-attributes org.zkoss.zul.image.preload to make sure the image is loaded then render the menu item.

<menubar>
    <custom-attributes org.zkoss.zul.image.preload="true" />
    <meunitem image="/test/image.gif" />
</menubar>

Specify custom-attributes org.zkoss.zul.image.preload to make sure the image is loaded then render the menu item.

<menubar>
    <custom-attributes org.zkoss.zul.image.preload="true" />
    <meunitem image="/test/image.gif" />
</menubar>

EDIT

The image is added as an background-image of HTML element. Therefore, you have to override the style and assign the size of the image to the correspond HTML element.

<style>
    .z-menuitem-btn {
        width: 16px !important;
        height: 16px;
    }
</style>