It should actually work with:
.gwt-TabPanelItem {
font-weight: bold;
text-align: center;
background: url(..item image..);
}
.gwt-TabPanelItem-selected {
background: url(..selected item image..);
}
When adding a dependent stylename in GWT, it's added to the element
such that the element still has the primary style name intact.
So, your tab item looks like this:
<div class="gwt-TabPanelItem">...</div>
And selected looks like this:
<div class="gwt-TabPanelItem gwt-TabPanelItem-selected">...</div>
So whatever you define for gwt-TabPanelItem will apply to both
selected and unselected states (unless you override it, as I've shown
above).
Hope that makes sense! If it doesnt work, try inspecting it with
Firebug to see where the applied styles are coming from.
On Sep 16, 12:45 pm, Davis Ford <[email protected]> wrote:
> Nevermind -- figured it out. Did not realize the descendant
> selectors. Works with:
>
> .gwt-TabBar .gwt-TabBarItem, gwt-TabBar .gwt-TabBarItem-selected {
> /* shared stuff here */
>
> }
> On Wed, Sep 16, 2009 at 12:34 PM, davis <[email protected]> wrote:
> > Forgive me if this is a dumb/newbie question, and it really relates
> > more to css than gwt, but if I have the following:
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
