smartGWT:如何增加TabPanel标题的宽度

时间:2012-11-06 13:07:14

标签: smartgwt

我在smartGWT中创建了一个tabPanel, 附件是截图 我试图增加我的标签页眉宽度或使我的标题名称垂直放置 这样名称“公司信息”和“关系”可以在一行中看到

我已经使用了这个小部件

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

我知道如何增加标签标题的宽度或垂直标题标题类型

感谢 enter image description here

1 个答案:

答案 0 :(得分: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;
 }