custom tabs

12 views
Skip to first unread message

nf...@pevco.com

unread,
Aug 31, 2011, 6:48:46 PM8/31/11
to google-we...@googlegroups.com
I'm using TabLayoutPanel and would like to customize the tabs on the tab bar. Currently the active tab is white and the inactive tabs are gray. I've tried setting the background-color for the widget in the tab, but that didn't seem to work. I'd like the active tab to be green and the inactive tabs to be blue. Any suggestions?

Alexandre Ardhuin

unread,
Sep 1, 2011, 3:30:23 AM9/1/11
to google-we...@googlegroups.com
Hi,

You can use CSS to do this

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    background-color: #123456;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    background-color: #654321;
}

Alexandre


I'm using TabLayoutPanel and would like to customize the tabs on the tab bar. Currently the active tab is white and the inactive tabs are gray. I've tried setting the background-color for the widget in the tab, but that didn't seem to work. I'd like the active tab to be green and the inactive tabs to be blue. Any suggestions?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/E6tOZaH0LQ0J.
To post to this group, send email to google-we...@googlegroups.com.
To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

Reply all
Reply to author
Forward
0 new messages