jsf2プライムフェイスのタブの幅と高さを調整する方法は？

Question

jsf 2プライムフェイスのタブの幅と高さを調整する方法。また、どのようにタブ内のテキスト（色とフォントのサイズ）を制御する私に電話してください？ありがとう。

Answer 1

PrimeFacesはThemeRoller CSS Frameworkを使用します。 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ルール。

タブの幅はテキストの長さによって変わり、高さはfont-sizeによって決まります。

フォントサイズを大きくするには、このようなものに次のCSSを上書き：

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