Thanks Christian, excellent idea!

   Philippe

On Jul 21, 3:49 pm, Christian Goudreau <goudreau.christ...@gmail.com>
wrote:
> 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
> <philippe.beaud...@gmail.com>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 google-web-tool...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-web-toolkit+unsubscr...@googlegroups.com<google-web-toolkit%2Bunsubs 
> > cr...@googlegroups.com>
> > .
> > 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 google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to