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

Question

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

Answer 1

PrimeFaces 使用 ThemeRoller CSS 框架。前往jQuery UI ThemeRoller page并创建您自己的主题。下载 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 tabs page has a section on Theming以及它使用的 CSS 规则。

制表符宽度根据文本长度而变化，高度由字体大小决定。

要增加字体大小，请覆盖以下 CSS:

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