Primefaces菜單項更改自定義圖標

我有一些問題需要自定義menuitem組件的圖標。Primefaces菜單項更改自定義圖標

我想這個形式，但我沒有成功：

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="resources/images/person.png"/>

我也嘗試使用CSS

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user{ 
    background: url('resources/images/menu/users.png') no-repeat; 
    height:16px; 
    width:16px; 
}

我使用PrimeFaces 5.

來源

2014-09-25 VitorSpin

您的第二種方法是正確的。但恐怕圖片的路徑不正確。這個你使用的是相對於類的文件夾。確保你把正確的路徑放在這張圖片上。 – RafaelTSCS 2014-09-25 14:19:38

如果你看看你的JavaScript控制檯，你會看到任何錯誤（可能是一個HTTP - 404）與檢索圖標圖像 – kolossus 2014-09-25 15:42:44

請看，這張圖片來檢查我的路徑是否正確http://i.snag.gy /Uv2zi.jpg – VitorSpin 2014-09-25 17:55:22

試試這個

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user { 
    background: url(../images/menu/users.png) !important; 
    height:16px; 
    width:16px; 
}

您需要!important覆蓋Primefaces的默認圖像並直接在src目錄下創建文件夾images

來源

2014-09-25 20:27:22 wvq86

Primefaces菜單項更改自定義圖標

回答

相關問題