Use stylePrimaryName ex:
.mesy-MainMenu {
color: #424242;
font-size: 13px;
cursor: pointer;
}
@external gwt-MenuItem;
.mesy-MainMenu .gwt-MenuItem {
color: #424242;
font-size: 13px;
vertical-align: bottom;
}
@external gwt-MenuItem-selected;
.mesy-MainMenu .gwt-MenuItem-selected {
color: #682203;
}
and in ui.xml
<g:MenuBar ui:field="menu" stylePrimaryName="{res.style.mesyMainMenu}">
<g:MenuItem ui:field="homeItem">Nos
produits</g:MenuItem>
<g:MenuItem
stylePrimaryName="{res.style.mesySeparator}"><image
src="{res.sepMenu.getURL}"/></g:MenuItem>
<g:MenuItem ui:field="aboutItem">À
propos</g:MenuItem>
<g:MenuItem
stylePrimaryName="{res.style.mesySeparator}"><image
src="{res.sepMenu.getURL}"/></g:MenuItem>
<g:MenuItem ui:field="shippingItem">La
livraison</g:MenuItem>
<g:MenuItem
stylePrimaryName="{res.style.mesySeparator}"><image
src="{res.sepMenu.getURL}"/></g:MenuItem>
<g:MenuItem ui:field="contactItem">Nous
rejoindre</g:MenuItem>
<g:MenuItem
stylePrimaryName="{res.style.mesySeparator}"><image
src="{res.sepMenu.getURL}"/></g:MenuItem>
<g:MenuItem ui:field="fAQItem">FAQ</g:MenuItem>
</g:MenuBar>
Cheers,
On Wed, Jul 21, 2010 at 6:37 PM, PhilBeaudoin
<[email protected]>wrote:
> I want to override default styling for my dialog box, but I also want
> to rely on CssResource and spriting. The way I do this is to define
> @external styles in my CssResource .css file. For example:
>
> @external .gwt-DialogBox, .Caption;
> @sprite .gwt-DialogBox .Caption {
> gwt-image: 'dialogCaption';
> padding: 0px 4px 0px 18px;
> line-height: 39px;
> cursor: default;
> border-width: 0;
> color: #fff;
> }
>
> It works well under Chrome and FF but fails in IE. When looking at the
> DOM it's clear that GWT's standard.css is loaded after the styles
> defined in my CssResource and therefore overrides them. I believe it
> might be related to:
> http://code.google.com/p/google-web-toolkit/issues/detail?id=4464
>
> Is this supposed to be supported? If not, what's the best workaround
> for the moment?
>
> Thanks!
>
> --
> 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]<google-web-toolkit%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>
--
Christian Goudreau
--
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.
