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

【问题标题】：smartGWT: How to increase the TabPanel Header's WidthsmartGWT：如何增加 TabPanel 标题的宽度
【发布时间】：2012-11-08 05:11:12
【问题描述】：

我在 smartGWT 中创建了一个 tabPanel，附上截图我正在尝试增加我的标签页眉宽度或让我的页眉名称垂直放置这样名字“公司信息”和“关系”就可以在一行中可见

我用过这个小部件

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

知道如何增加标签标题的宽度或使标题标题垂直

谢谢

【问题讨论】：

setWidth 有效。如果你想让你的标题垂直，你需要把带有 br 标签的 html (T i etc..)

标签： smartgwt

【解决方案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;
 }

【讨论】：