SmartGWT的：如何增加的TabPanel頭的寬度

Question

我在SmartGWT的創造了一個tabpanel， 附上截圖 我想提高我的標籤頭的寬度或讓我的頭名位置垂直 ，這樣的名字「公司信息「和‘關係’可以看到在一行

我已經使用這個插件

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

任何想法我如何能提高我的標籤頭的寬度或使頭標題類型垂直

謝謝

Answer 1

爲了控制標籤的厚度（即，寬度）使用方法：

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; 
}