¿Eliminar todo el estilo de los componentes Primefaces?

Question

¿Es posible eliminar todo el estilo de los componentes Primefaces? Quiero decir, el conjunto de componentes es bueno, pero tener que anular manualmente cada pequeña parte de cada componente para que el estilo del componente se ajuste al diseño general de mi aplicación no es bueno. No puedo usar horas en el uso de Firebug para encontrar qué clases, etc. usa y todo eso.

Entonces, ¿no hay manera de eliminar esto y solo usar los componentes para su funcionalidad y proporcionar su propio diseño en lugar de ser forzado a usar el predeterminado .... o uno de los "temas"?

Answer 1

Establezca el parámetro de contexto primefaces.THEME en none y obtendrá una interfaz de usuario funcional sin estilos.

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

No necesita pasar horas editando estilos. El estilo de PrimeFaces se realiza a través de estilos compartidos como ui-widget-header, ui-widget-content que puede personalizar a través del formulario web themeroller. No creo que JSF y su temática puedan ser más fáciles que PrimeFaces.

Answer 2

Si quiere usar las caras con sus propios CSS, ¿no sería más fácil crear su propio tema usando el jQuery UI - ThemeRoller?

Aquí hay un enlace a la forma de crear su own Theme for PrimeFaces

Answer 3

Crear propio tema como dijo @ Daniel. Solo quiero agregar:

Para el estilo parcial, no es necesario forzar todo, las caras primarias user guide cubren las clases de estilo para cada elemento. Contiene también otra información y consejos muy útiles (también sobre el despellejado). Así que úsalo como tu primera fuente cuando te encuentres luchando con cualquier cosa sobre las caras de la prima.

Answer 4

PrimeFaces inserta dos archivos CSS de forma predeterminada, theme.css y primefaces.css. Puede eliminar theme.css colocando lo siguiente a web.xml:

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

A continuación, puede sobrescribir primefaces.css mediante la creación de un archivo vacío en:

WebContent/resources/primefaces/primefaces.css