menuitem image not showing.

asked 2014-01-24 16:05:23 +0800

javiut
90 ● 1 ● 5

updated 2014-01-25 15:48:05 +0800

i have this code

<image src='/img/navigation/delete.png'/>//image show correctly
<menupopup id="listmenu">
    <menuitem label="Delete" image="img/navigation/delete.png"/>//image dont show at all
</menupopup>

i have also try using single quotes double quotes without success starting with slash or without also.

image='/img/navigation/delete.png'
image='img/navigation/delete.png'
image="/img/navigation/delete.png" 
image="img/navigation/delete.png"       
image="www.google.com.tw/images/icons/product/chrome-128.png"

the image on the image shows good but dont show on the menuitem even when they have the same path...

UPDATE

i have check the sample provided by ZK and this is the ZUL code

<menuitem image="/widgets/menu/context_menu/img/UserProfileMale-16x16.png" label="Profile" />

this generate this HTML

<a href="javascript:;" id="b9FVk-a" class="z-menuitem-content">
  <img src="/zkdemo/widgets/menu/context_menu/img/UserProfileMale-16x16.png;jsessionid=690619C76D278163402749B336894F89.zkdemo" class="z-menuitem-image" align="absmiddle"> 
  <span class="z-menuitem-text">Profile</span>
</a>

and the image shows OK.

but my ZUL

<menuitem label="Delete" image="/img/navigation/delete.png"/>

generates this HTML

<a href="javascript:;" id="b2IQyj3-a" class="z-menuitem-cnt">
  <span class="z-menuitem-img" style="background-image:url(/main/img/navigation/delete.png)"></span> 
Delete
</a>

they differs a lot i am Using ZK. EE 6.5.2 what i am doing wrong..

Tested Browsers Chrome and Mozilla..