Hi everyone!
We are designing a website which involves two tab bars, one at the top and
one sub tab bar. For every label in the top tab bar we create a number of
labels added to that one to create different sub tab bars.
Because of the fact that we started by rewriting old code, the tab bars
originally was using style from .gwt-TabBaritem. Unfortunately, we had to
avoid this use since we wanted the top tab bar and the sub tab bar to have
different colors.
Instead we changed the style for every label in the tab bars with
setStyleName.
The problem now is, we can't get the ".gwt-TabBarItem-selected"-style to
work since it seems like it's being "over written" by our new specified
style sheets.
Is there anyway to create stylesheets for a selected TabBarItem if the
default .gwt style isn't used to begin with? Or can
.gwt-TabBarItem-selected be customized so that it listens to our own styles?
An example of our tab bar item styles:
.upperTabBarItem {
color: green;
font-size: 10px;
font-family:'Arial Regular', Arial, sans-serif;
font-weight:bold;
text-align:center;
color: #FFFFFF;
padding: 5px 10px 0px 10px;
white-space: nowrap;
float: left;
height: 22px;
}
.lowerTabBarItem {
color: blue;
font-size: 10px;
font-family:'Times New Roman', Arial, sans-serif;
text-align:center;
color: #000000;
padding: 5px 10px 0px 10px;
white-space: nowrap;
float: left;
height: 24px;
}
...and the selected style (which now does not work):
.gwt-TabBarItem-selected {
cursor: default;
background: white;
}
Thanks in advance,
Goose
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
