2012-04-15 128 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