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