Как настроить ширину и высоту вкладки в jsf2 премьер? - PullRequest
Новая
       4

Как настроить ширину и высоту вкладки в jsf2 премьер?

2 голосов
/ 27 июня 2011

enter image description here

Как настроить ширину и высоту вкладки в jsf 2 основных лица.Также, пожалуйста, скажите мне, как контролировать текст (цвет и размер шрифта) внутри вкладки?Спасибо.

1 Ответ

6 голосов
/ 27 июня 2011

PrimeFaces использует ThemeRoller CSS Framework.Перейдите на страницу *1001* jQuery UI ThemeRoller и создайте свою собственную тему.Загрузите файл CSS и включите его в свои страницы .xhtml. 

<link type="text/css" rel="stylesheet" href="resources/css/skin.css" />

Добавьте это в файл web.xml, чтобы тема по умолчанию не использовалась: 

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

Это намного прощезатем создайте новую тему, чтобы выяснить, какие правила CSS нужно переопределить, чтобы вкладки выглядели так, как вы хотите.

На странице вкладок jQuery UI есть раздел по теме и CSSправила, которые он использует.

Ширина вкладки изменяется в зависимости от длины текста, а высота определяется размером шрифта.

Для увеличения размера шрифта переопределите следующий CSS-код примерно так:: 

.ui-tabs {
    font-size:1.3em;
}
...