I've the same problem but i want to use the CssResource approach.
I just want to set my custom CSS to a single TabBar/TabPanel instance,
leaving the default gwt Theme on other all TabBar/Panel.
That's what i've done:
- found the original TabBar and TabPanel Gwt css file
- created a new css file, pasted the original css, edited class names by
renaming all classe from .gwt-* to .myProject* and changed the attribute
values
- created a CssResource with the two main selector methods:
.myProjectTabBar and .myProjectTabPanel
- set my custom style to widget with:
mainTabPanel.getTabBar().addStyleName(Styles.INSTANCE.tabBarPanel().myProjectTabBar());
mainTabPanel.addStyleName(Styles.INSTANCE.tabBarPanel().myProjectTabPanel());
- added @external .myProject*; to my css file referenced by CssResource
@Source annotation due to avoid (un)obfuscation exception
It works only for base-style like .myProjectTabBar, but not for substyles
like .myProjectTabBar .myProjectTabBarItem {...}: the style still remains
the Gwt default.
What i have to do for make my custom TabBar/Panel style works?
I know that i can add the css in gwt.xml file (leaving original style names
on it) but this means that ALL TabBar/Panel widget will be styled, isn't
true?
Thanks in advance
M.
Il giorno domenica 10 maggio 2009 12:40:22 UTC+2, Salvador Diaz ha scritto:
>
> For a thourough example of TabPanel styling (including IE6 specific
> hacks), take a look at the Showcase examples:
> http://gwt.google.com/samples/Showcase/Showcase.html#CwTabPanel
>
> Hope that helps,
>
> Salvador
>
> On May 9, 10:47 pm, mrfreeze81 <[email protected]> wrote:
> > GWT has its own CSS for the widgets, you will have to change that
> > inorder to affect the widgets (in your case the tabpanel). Add this to
> > your CSS file,
> > eg:-
> > .gwt-TabPanel {
> > color: #33333;
> >
> > }
> >
> > .gwt-TabPanelBottom {
> >
> > }
> >
> > etc.
> >
> > CSS Style Rules
> >
> > * .gwt-TabPanel { the tab panel itself }
> > * .gwt-TabPanelBottom { the bottom section of the tab panel (the
> > deck containing the widget) }
> >
> > You can find this information in the GWT API
> >
> > Thanks
> > Harry
--
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/-/fbBMOGxkC-YJ.
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.
