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