Удалите все стили из компонентов Primefaces?

Question

Можно ли удалить все стили из компонентов Primefaces? Я имею в виду, что набор компонентов хорош, но нужно вручную переопределить каждый крошечный бит каждого компонента, чтобы стиль компонента соответствовал общему дизайну моего приложения, это не очень хорошо. Я не могу использовать часы, используя Firebug, чтобы узнать, какие классы и т. Д. Он использует, и все такое.

Так нет способа удалить это и использовать компоненты только для своей функциональности и предоставить свой собственный дизайн вместо того, чтобы принуждать использовать по умолчанию .... или одну из «тем»?

Answer 1

Установить 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.

Answer 2

Если вы хотите использовать перформансы со своими собственными css, было бы проще создать собственную тему, используя jQuery UI - ThemeRoller?

Вот ссылка на то, как вы создаете свой own Theme for PrimeFaces

Answer 3

Создать собственную тему, как сказал @Daniel. Я просто хочу добавить:

Для частичного укладки вам не нужно нигде загорать все, точечные user guide охватывает классы стилей для каждого элемента. Он содержит также очень полезную информацию и советы (также часть об скининге). Поэтому используйте его в качестве своего первого источника, когда вы сталкиваетесь с чем-либо, связанным с предметами.

Answer 4

PrimeFaces вставляет два файла CSS по умолчанию, theme.css и primefaces.css. Вы можете удалить theme.css, помещая следующее web.xml:

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

Затем вы можете перезаписать primefaces.css путем создания пустого файла в:

WebContent/resources/primefaces/primefaces.css