Как использовать PrimeIcons с настраиваемой темой или темой «нет» - PullRequest
Новая
       101

Как использовать PrimeIcons с настраиваемой темой или темой «нет»

1 голос
/ 14 июля 2020

Я переношу небольшое приложение с JSF 1.2 RF 3.3.3 на JSF 2.1 и PF 7.0. (Причина для версии 2.1 - JBoss EAP 6.1, который позволяет только java 7)

Внешний вид не должен изменяться, поэтому я не использую тему (Тема отсутствует в сети. xml). Большинство проблем можно решить с помощью некоторых CSS, но для p: dataTable мне нужны значки сортировки, с theme = none их нет.

Есть ли способ использовать некоторые значки сортировки по умолчанию из простых шрифтов без добавления каких-то иконок в приложение? И если да, как мне это использовать? Я пробовал кое-что с PrimeIcons, но ничего не получилось.

1 Ответ

4 голосов
/ 14 июля 2020

Значки связаны с PrimeFaces , которые вы можете загрузить вручную, например: 

<h:outputStylesheet library="primefaces" name="primeicons/primeicons.css" />

Это позволит вам использовать значки, например: 

<i class="pi pi-xxx"></i>

Но это не то, что используют компоненты PrimeFaces. Компоненты основаны на jQuery значках пользовательского интерфейса , поэтому такие классы, как ui-icon ui-icon-xxx. Итак, вам нужно создать настраиваемую таблицу стилей , заботясь о значках пользовательского интерфейса. Вам не нужно начинать с нуля, потому что вы можете найти их все (например) в теме Nova Light .

В теме, указанной выше, найдите все правила, содержащие .ui-icon и особенно такие, как: 

.ui-icon-xxx:before {
  content: "...";
}

(content определяет, какой глиф из шрифта PrimeIcons используется) и включить его в вашу таблицу стилей. К сожалению, здесь нет раздела, который можно скопировать и вставить, так что это будет кропотливая задача.

...