Настройка внешнего вида заголовков TabView

#jsf #primefaces

#jsf #первичные пространства

Вопрос:

Я с нетерпением жду возможности настроить внешний вид компонента TabView. Мне нужно изменить цвет заголовков вкладок (и, если возможно, 2 разных цвета для 2 разных заголовков). Я пытался сделать это, указав правила CSS через атрибут styleClass для TabView, но не смог увидеть желаемых результатов.

Как я могу этого добиться?

Ответ №1:

3.0.M2 имеет атрибуты titleStyle и titleStyleClass для компонента tab.

http://code.google.com/p/primefaces/issues/detail?id=892

Ответ №2:

Компоненты Primefaces приобретают внешний вид из темы css. Вы можете либо:

Создайте свою собственную тему с желаемыми цветами с помощью Themeroller,
Измените классы стилей для вашей темы вручную. Классы стилей для каждого компонента Primefaces перечислены в документации Primefaces. Поскольку документ не является бесплатным для последней версии Primefaces 2.2, я могу помочь вам только с классами из Primefaces 2.1: .ui-tabs, .ui-tabs-nav, .ui-tabs-panel. Обратите внимание, что к представлению вкладок может применяться больше классов стилей, унаследованных от других компонентов. Проверьте HTML-источник TabView, чтобы получить все применяемые классы.
Используйте атрибут style or styleClasses , как описано в вашем ответе, и замените тематические классы !important объявлением

1. У меня есть руководство пользователя, но я не смог найти никакой информации, связанной с тем, как изменить классы стилей в соответствии с моей конкретной темой. Также я попытался настроить с помощью styleClass (вариант 3), но не смог увидеть результаты

2. Работая с классами стилей, я мог настроить внешний вид текста, однако я не мог изменить цвет вкладок при наведении курсора мыши.

3. @Marcos: Вариант 3, похоже, глючит. Смотрите ответ Кагатая. Классы стилей должны быть где-то в css-файлах вашей темы.