PrimeFaces圖標不在命令按鈕上呈現

我正在嘗試使用帶JSF + PrimeFaces的字體超讚圖標。我添加到我的pom.xml文件webjars依賴性：PrimeFaces圖標不在命令按鈕上呈現

<groupId>org.webjars</groupId> 
<artifactId>font-awesome</artifactId>

我也有我的自定義的CSS文件：

body{ 
    background-image: url("#{resource['images/loginBackground.jpg']}"); 
    background-size: 100%; 
    font-family: 'Belleza', sans-serif; 
    font-size: 16px; 
}

我以這種方式添加CSS的資源，我的頁面（.xhtml）：

<h:outputStylesheet library="css" name="login.css"/> 
    <h:outputStylesheet library="webjars" name="font-awesome/4.3.0/css/font-awesome-jsf.css"/>

但不幸的是，當我設置的commandButton組件圖標CSS類：

<p:commandButton icon="fa fa-sign-in" id="submit" value="Login" ajax="false"/>

該圖標不顯示在我的按鈕上。

我的其他設置（web.xml中）：

<context-param> 
     <param-name>primefaces.THEME</param-name> 
     <param-value>none</param-value> 
    </context-param> 

    <servlet> 
     <servlet-name>Faces Servlet</servlet-name> 
     <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> 
     <load-on-startup>1</load-on-startup> 
    </servlet> 

    <!-- MAPPING SECTION --> 
    <servlet-mapping> 
     <servlet-name>Faces Servlet</servlet-name> 
     <url-pattern>*.xhtml</url-pattern> 
    </servlet-mapping>

庫版本：

JSF 2.2
PrimeFaces 5.1
字體，真棒4.3.0- 1

來源

2015-02-23 KamilJ

做的圖標不是一般渲染或不在commandButton？任何網絡404的？ – Kukeltje 2015-02-23 12:20:02

不，沒有404錯誤加載所有資源。 – KamilJ 2015-02-23 12:37:18

我有2個問題 – Kukeltje 2015-02-23 12:46:20

如果你不想在上面的答案，使用內置的FA的版本一樣，你仍然想使用它的命令按鈕，添加

.ui-icon { 
    text-indent: 0; 
}

來源

2015-02-23 14:38:48 Kukeltje

-3

第一資源文件，CSS不會呈現（＃{VAR }在JSF STIL＃{VAR），

您可以使用
1.使用全局路徑
背景圖像：網址（「../資源/圖片/ loginBackground.jpg」）;？
在css文件或evrywhere中
2.
在您的jsf頁面中覆蓋css primefaces樣式。
url（「＃{resource ['images/loginBackground.jpg']}」）;
3.
圖書館變化:)

哪裏存在其他方法？

來源

2015-04-06 22:03:45

在我的情況下，我的問題是與我的主題和字體顏色衝突。我可以解決這個問題把這個在我的.css腳本：

.fa-trash { 
    color:grey; 
}

或只是

.fa { 
    color:grey; 
}

此外，如果你不能看到FA圖標的話，那麼你必須把這個網頁。 xml：

<context-param> 
    <param-name>primefaces.FONT_AWESOME</param-name> 
    <param-value>true</param-value> 
</context-param>

來源

2017-05-25 20:29:30 jmoran

更改顏色不會使其可見（除非它是灰色的灰色，但這將是一個更通用的問題）。在我看來，使用內置的font-awesome並不是最好的解決方案，因爲你可以使用的版本取決於PF提供的版本。使用webjar是「更好」的。閱讀所有答案在這裏：https://stackoverflow.com/questions/18891768/how-to-use-font-awesome-from-webjars-org-with-jsf – Kukeltje 2017-05-25 21:11:56

我使用的南街主題，這是主要是綠色和我從來沒有想過，顏色可能是一個問題，直到近一個小時嘗試不同的解決方案，我可以看到圖標，改變顏色。 – jmoran 2017-05-25 22:18:56

PrimeFaces圖標不在命令按鈕上呈現

回答

相關問題