PDA

View Full Version : Padding in between TabBar items



karan.katare
5 Oct 2011, 6:27 AM
How do I put padding in between the TabBar buttons. I tried using padding property, but it applies to the entire tabbar. How do I make it apply for individual button in tabbar?

catalin.ciobanu
5 Oct 2011, 6:50 AM
CSS Style Rules

.gwt-TabBar { the tab bar itself }
.gwt-TabBar .gwt-TabBarFirst { the left edge of the bar }
.gwt-TabBar .gwt-TabBarFirst-wrapper { table cell around the left edge }
.gwt-TabBar .gwt-TabBarRest { the right edge of the bar }
.gwt-TabBar .gwt-TabBarRest-wrapper { table cell around the right edge }
.gwt-TabBar .gwt-TabBarItem { unselected tabs }
.gwt-TabBar .gwt-TabBarItem-wrapper { table cell around tab }
.gwt-TabBar .gwt-TabBarItem-selected { additional style for selected