3

smartGWT で tabPanel を作成しました。添付のスクリーンショットは、タブ ヘッダーの幅を広げようとしているか、ヘッダー名を垂直に配置して、「会社情報」と「関係」という名前を 1 行で表示できるようにするためのものです。

私はこのウィジェットを使用しています

            http://www.smartclient.com/smartgwt/showcase/#layout_tabs_orientation

タブヘッダーの幅を広げたり、ヘッダーのタイトルタイプを垂直にする方法はありますか

ありがとう ここに画像の説明を入力

4

1 に答える 1

3

タブの厚さ (つまり幅) を制御するには、次を使用します。

tabset.setTabBarThickness(int tabBarThickness);

垂直方向のテキストを表示するには、css を使用して、タブのタイトルとして使用されるテキストのスタイルを制御できます。したがって、次のようなもので十分です。

tab.setTitle("My Tab");
tab.setTitleStyle("tab-text");

そして、アプリケーションの css で:

.vtab-text, .vtab-textSelected, .vtab-textSelectedOver {
    -moz-transform: rotate(90.0deg);  /* FF3.5+ */
    -o-transform: rotate(90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=90deg);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=90)"; /* IE8 */
    color: green;
 }
于 2012-11-07T21:11:12.810 に答える