2012-04-15 122 views
21

是否可以從Primefaces組件中刪除所有樣式?我的意思是,組件集合很好,但必須手動覆蓋每個組件的每一個小部分,以使組件的風格適合我的應用程序的整體設計並不好。我無法使用Firebug來查找它使用哪些類等等。從Primefaces組件刪除所有樣式?

那麼有沒有辦法刪除它,只使用組件的功能,並提供自己的設計,而不是被迫使用默認....或其中一個「主題」?

回答

35

設置primefaces.THEME上下文參數爲none,您將得到一個沒有樣式的功能性UI。

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

您不需要花費小時編輯樣式。 PrimeFaces的樣式通過共享樣式完成,如ui-widget-header,ui-widget-content,您可以通過themeroller網絡表單自定義樣式。我不認爲JSF和主題可以比PrimeFaces更容易。

+5

HTTP://www.mkyong

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

然後,你可以通過創建一個空文件覆蓋primefaces.css:您可以通過將以下內容web.xml刪除theme.css .COM/JSF2/primefaces /卸下所有默認CSS-造型從 - primefaces / – 2013-06-21 12:33:02

3

創建自己的主題爲@Daniel說的鏈接。我只想補充:

對於部分造型而言,您不必焚燒所有東西,primefaces user guide涵蓋了每個元素的樣式類。它還包含其他非常有用的信息和提示(也是關於蒙皮的一部分)。因此,當您發現自己在與primefaces有關的任何問題上掙扎時,請將其用作您的第一手資料。

12

PrimeFaces默認插入兩個CSS文件,theme.cssprimefaces.css

WebContent/resources/primefaces/primefaces.css