PrimeFaces использует jQuery ThemeRoller каркас темы CSS и поставляется с 30 заранее разработанными темами, которые можно загрузить и применить за считанные секунды. В этом уроке мы покажем вам, как изменить тему в PriceFaces.
Есть два способа изменить тему:
, Использование Maven для загрузки и применения.
, Скачать вручную и применить.
1. Maven Скачать
Для пользователей Maven посетите эту
PrimeFaces available theme
, выберите тему и запомните тему, определенную в Maven, и настройте
web.xml
.
В этом случае мы покажем вам, как изменить тему по умолчанию (aristo) на тему glass-x.
File: pom.xml
//...
<repositories>
<repository>
<id>prime-repo</id>
<name>Prime Repo</name>
<url>http://repository.primefaces.org</url>
</repository>
</repositories>
<dependencies>
<dependency>
<groupId>org.primefaces.themes</groupId>
<artifactId>glass-x</artifactId>
<version>1.0.6</version>
</dependency>
<dependencies>
File: web.xml
//...
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>glass-x</param-value>
</context-param>
Запустите его, цвет темы изменится, и, заглянув внутрь исходного кода, он теперь указывает на glass-x.
<!-- html source code --> <link type="text/css" rel="stylesheet" href="/project/faces/javax.faces.resource/theme.css?ln=primefaces-glass-x"/>
2. Скачать вручную
Для пользователей не Maven просто зайдите в репозиторий PrimeFaces и загрузите флягу темы вручную, поместите ее в classpath вашего проекта и настройте
web.xml
.
Файл: web.xml
//...
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>glass-x</param-value>
</context-param>
Изменить тему динамически
Хорошее путешествие, чтобы использовать выражение EL для динамического применения темы. Смотрите следующий фрагмент кода:
File: web.xml
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>#{loggedInUser.preferences.theme}</param-value>
</context-param>
P.S Reference - PrimeFaces руководство пользователя
Рекомендации
ссылка://тег/основные лица/[простые лица]ссылка://тег/тема/[тема]