如何在jsf2 primefaces中调整选项卡的宽度和高度？

Question

如何在jsf 2 primefaces中调整选项卡的宽度和高度.还请告诉我如何控制选项卡内的文本(颜色和字体大小)？谢谢.

Answer 1

PrimeFaces使用ThemeRoller CSS Framework.转到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规则.

标签宽度根据文本的长度而变化,高度由font-size决定.

要增加字体大小,请将以下CSS覆盖为以下内容:

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