GWT has default styles for all its widgets. For example, Button class
has the style .gwt-Button. The same applies for other widgets,
including more complex ones.
What you see in firebug, .gwt-TabBar is the default style for TabBar,
and .gwtTabBarItem (the next style on the same line) is the style for
TabBarItem which is furthermore cascaded (derived) from .gwtTabBar.

When you don't set any styles for a widget, it uses its default style
(and further, cascades the style for complex widgets).
You said the code overwrote your styles defined in main.css, this is
because you don't have the required styles names in your CSS file
(main.css). Otherwise, GWT would load the styles from your file.

If you want other names for your styles, just define them and use
setPrimaryStyleName (...). Furthermore (let's say you have a generic
setting for a widget and you want further customization for a specific
one), use setStyleDependentName (...).

To finish, I haven't checked the following case: if I set a style
name, let's say "shyStyle" for a TabBar, I don't know if GWT knows the
styles for subitems, like ".shyStyle .getTabBarItem"

Hope it helps, cheers.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
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