Primefaces号码：菜单所有图标跳转至子菜单

primefaces 3.4
tomcat7
使用自定义primefaces主题（暗蜂巢）
火狐16.0.2，IE8

我试图把号码：菜单网站：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:ui="http://java.sun.com/jsf/facelets" 
     xmlns:p="http://primefaces.org/ui" 
     xmlns:h="http://java.sun.com/jsf/html" 
     > 
    <body> 

     <ui:composition> 
      <h:form> 
       <p:menu > 
        <p:submenu label="TESTING" icon="ui-icon-disk"> 
         <p:menuitem value="TEST" outcome="/jsp/home" icon="ui-icon-star"/> 
         <p:menuitem value="List" outcome="/jsp/rip/home2" /> 
         <p:menuitem value="ExcelTEst" outcome="/jsp/excelTest" /> 
        </p:submenu> 
       </p:menu> 

      </h:form> 
     </ui:composition> 

    </body> 
</html>

在此示例中，图标ui-icon-star跳转到子菜单测试左上角。这也发生在所有图标上，我为菜单项添加。至于图标ui-icon-disk，它不显示。

我尝试了其他几个例子。这工作：

<p:panelMenu style="width:200px"> 

    <p:submenu label="Navigations" > 
     <p:submenu label="Links" icon="ui-icon-extlink"> 
      <p:submenu label="PrimeFaces" icon="ui-icon-heart"> 
       <p:menuitem value="Home" url="http://www.primefaces.org" icon="ui-icon-home" /> 
       <p:menuitem value="Docs" url="http://www.primefaces.org/documentation.html" icon="ui-icon-document" /> 
       <p:menuitem value="Download" url="http://www.primefaces.org/downloads.html" icon="ui-icon-arrowthick-1-s" /> 
       <p:menuitem value="Support" url="http://www.primefaces.org/support.html" icon="ui-icon-wrench" /> 
      </p:submenu> 
     </p:submenu> 
     <p:menuitem value="Mobile" icon="ui-icon-signal"/> 
    </p:submenu> 
</p:panelMenu>

有人可以说，有什么不对？为什么p：菜单无法按预期工作？

enter image description here

来源

2012-11-13 Darka

你的意思'号码：menu'？如果是这样，请更正您的帖子。你可以加入截图，浏览器版本吗？ –

嗨@akoskm我更新了我的问题，但我不能在这里给图片。我没有太多声望:) – Darka

感谢@akoskm进行编辑。 – Darka

从的ThemeRoller解决删除主题，把主题从Primefaces。有效。

来源

2012-11-14 08:21:46 Darka

这不是正确的解决方案，只是修复您的自定义主题CSS：

 
.ui-menu .ui-icon 
    position: absolute; /* remove this line */ 
    top: .2em; 
    left: .2em; 
} 

to 

.ui-menu .ui-icon 
    top: .2em; 
    left: .2em; 
}

来源

2013-01-10 22:13:33 gishac

Primefaces号码：菜单所有图标跳转至子菜单

回答

相关问题