A TabBar
that wraps each tab in a 2x3 grid (six box), which allows
users to add rounded corners.
CSS Style Rules
- .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}