Удалить все стили из компонентов Primefaces?
Можно ли удалить весь стиль из компонентов Primefaces? Я имею в виду, что набор компонентов хорош, но нужно вручную переопределить каждый крошечный бит каждого компонента, чтобы стиль компонента соответствовал общему дизайну моего приложения, это не очень хорошо. Я не могу использовать часы, используя Firebug, чтобы узнать, какие классы и т.д. Он использует, и все такое.
Так нет ли способа удалить это и использовать компоненты только для своей функциональности и предоставить свой собственный дизайн вместо того, чтобы принудительно использовать значение по умолчанию.... или одну из "тем"?
Ответы
Ответ 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.
Ответ 2
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
Ответ 3
Если вы хотите использовать перформансы со своим собственным css, было бы проще создать собственную тему с помощью jQuery UI - ThemeRoller?
Здесь ссылка на то, как вы создаете собственную собственную тему для PrimeFaces
Ответ 4
Создайте собственную тему, как сказал @Daniel. Я просто хочу добавить:
Для частичного стилирования вам не нужно загорать все, штриховки руководство пользователя охватывает классы стилей для каждого элемента. Он содержит также очень полезную информацию и советы (также часть об скининге). Поэтому используйте его в качестве своего первого источника, когда вы сталкиваетесь с чем-либо, связанным с предметами.