代码之家 › 专栏 › 技术社区 › special0ne

在GWT中控制选项卡栏的选项卡

tabpanel widget width user-interface gwt

1

special0ne · 技术社区 · 15 年前

抱歉,这个愚蠢的问题,我对一般的用户界面和GWT都不熟悉。

如何控制标签宽度在GWT中使用选项卡面板时?怎样
我怎么知道CSS属性每个小部件都有?我想控制选项卡颜色(选中和未选择)并删除标签框

谢谢

2 回复 | 直到 15 年前

1

3

ciczan 15 年前

如果你对一般的用户界面还不熟悉,也许你不知道[firebug]。它是一个火狐插件,允许您(除其他外)检查页面中的每个元素,了解如何应用样式,甚至实时更改它们。它是 至关重要的 用于GWT开发。

此外,为了单独控制每个选项卡样式,我认为您需要在选项卡上插入标签,使用 TabBar.addTab(Widget widget) ,并设置它们的样式。

2

1

Peter Recore 15 年前

这个 javadoc 对于decoratedAbbar列表,您可以同时用于选定和未选定的选项卡。

* .gwt-DecoratedTabBar { the tab bar itself }
* .gwt-DecoratedTabBar .gwt-TabBarFirst { the left edge of the bar }
* .gwt-DecoratedTabBar .gwt-TabBarRest { the right edge of the bar }
* .gwt-DecoratedTabBar .gwt-TabBarItem { unselected tabs }
* .gwt-DecoratedTabBar .gwt-TabBarItem-wrapper { table cell around tab }
* .gwt-DecoratedTabBar .gwt-TabBarItem-selected { additional style for selected tabs }
* .gwt-DecoratedTabBar .gwt-TabBarItem-wrapper-selected { table cell around selected tab }
* .gwt-DecoratedTabBar .tabTopLeft { top left corner of the tab}
* .gwt-DecoratedTabBar .tabTopLeftInner { the inner element of the cell}
* .gwt-DecoratedTabBar .tabTopCenter { top center of the tab}
* .gwt-DecoratedTabBar .tabTopCenterInner { the inner element of the cell}
* .gwt-DecoratedTabBar .tabTopRight { top right corner of the tab}
* .gwt-DecoratedTabBar .tabTopRightInner { the inner element of the cell}
* .gwt-DecoratedTabBar .tabMiddleLeft { left side of the tab }
* .gwt-DecoratedTabBar .tabMiddleLeftInner { the inner element of the cell}
* .gwt-DecoratedTabBar .tabMiddleCenter { center of the tab, where the tab text or widget resides }
* .gwt-DecoratedTabBar .tabMiddleCenterInner { the inner element of the cell}
* .gwt-DecoratedTabBar .tabMiddleRight { right side of the tab }
* .gwt-DecoratedTabBar .tabMiddleRightInner { the inner element of the cell}