Hi,

I have noticed since 2.0.2 that there seems to now be changes to the
styling applied to the TabLayoutPanel tabs.

Before I 2.0.2 I found that the default TabLayoutPanel had effectively
no styling (Firefox on Linux) and now there is a distinct background
colour for the selected tab, the unseleted tabs and a border around
the area below the tabs.  Before the update I was styling the widgets
I added to the tabs (Labels) to give them the appearance I wanted when
selected/unselected.

I have been using firebug to have a look, and there seems to be a
class called "gwt-TabLayoutPanelTab gwt-TabLayoutPanelTab-selected"
that gets applied to the selected tab, and "gwt-TabLayoutPanelTab" (as
per the JavaDoc) for the unselected ones.  (Firebug also says the
styling is coming from a file called chrome.css, but I am using
Firefox - I assume chrome.css is meant to refer to the appearance not
the browser?)

If I try and have in my style sheet the following to override it, it
does not work:
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTab-
selected
{
  background: red;
}

What am I doing wrong?  Or, what is the best way to style the tabs?

Thanks,
Richard

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to