是否可以從Primefaces組件中刪除所有樣式?我的意思是,組件集合很好,但必須手動覆蓋每個組件的每一個小部分,以使組件的風格適合我的應用程序的整體設計並不好。我無法使用Firebug來查找它使用哪些類等等。從Primefaces組件刪除所有樣式?
那麼有沒有辦法刪除它,只使用組件的功能,並提供自己的設計,而不是被迫使用默認....或其中一個「主題」?
是否可以從Primefaces組件中刪除所有樣式?我的意思是,組件集合很好,但必須手動覆蓋每個組件的每一個小部分,以使組件的風格適合我的應用程序的整體設計並不好。我無法使用Firebug來查找它使用哪些類等等。從Primefaces組件刪除所有樣式?
那麼有沒有辦法刪除它,只使用組件的功能,並提供自己的設計,而不是被迫使用默認....或其中一個「主題」?
設置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更容易。
如果你想使用你自己的css的primefaces不會更容易創建自己的主題使用jQuery UI - ThemeRoller?
這裏是你如何創建own Theme for PrimeFaces
+1如何視頻 – Fallup 2012-04-15 10:05:11
創建自己的主題爲@Daniel說的鏈接。我只想補充:
對於部分造型而言,您不必焚燒所有東西,primefaces user guide涵蓋了每個元素的樣式類。它還包含其他非常有用的信息和提示(也是關於蒙皮的一部分)。因此,當您發現自己在與primefaces有關的任何問題上掙扎時,請將其用作您的第一手資料。
PrimeFaces默認插入兩個CSS文件,theme.css
和primefaces.css
。
WebContent/resources/primefaces/primefaces.css
HTTP://www.mkyong
然後,你可以通過創建一個空文件覆蓋
primefaces.css
:您可以通過將以下內容web.xml
刪除theme.css
.COM/JSF2/primefaces /卸下所有默認CSS-造型從 - primefaces / – 2013-06-21 12:33:02