Re: [gwt-contrib] uibinder and bnudled CSS

2009-12-17 Thread Arthur Kalmenson 
Hey Nicolas,

 I'm migrating some nice HTML-fragment to GWT. Thanks to UiBinder this
 is really easy and I get a nice result in few hours.

 I notice the uiBinder seems to rewrite the CSS rules according to
 browser support (I may be wrong) : my CSS uses CSS3 box-shadow :

box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;

 This works fine on my Chrome browser, but when I use the uibinder
 version I dont' have shadows anymore. The CSS rule filter should not
 remove any -webkit* rule when targeting a webkit based browser,
 sould'it ? Also the box-shadow is supported by recent webkit browsers
 (it is on chrome 4, but this is in the dev channel)

You should probably use the conditional CSS properties to target
specific browsers:
http://code.google.com/p/google-web-toolkit/wiki/CssResource#Conditional_CSS

 2nd question : If my CSS uses background-image: url(...), can I
 include those images in my ClientBundle and still make references to
 them in my CSS fragement ?

Yep, that's possible with image sprits:
http://code.google.com/p/google-web-toolkit/wiki/CssResource#Image_Sprites

All the best,
--
Arthur Kalmenson



On Thu, Dec 17, 2009 at 7:03 AM, nicolas.deloof
nicolas.del...@gmail.com wrote:
 Hi

 I'm migrating some nice HTML-fragment to GWT. Thanks to UiBinder this
 is really easy and I get a nice result in few hours.

 I notice the uiBinder seems to rewrite the CSS rules according to
 browser support (I may be wrong) : my CSS uses CSS3 box-shadow :

        box-shadow: 2px 2px 5px #000;
        -moz-box-shadow: 2px 2px 5px #000;
        -webkit-box-shadow: 2px 2px 5px #000;

 This works fine on my Chrome browser, but when I use the uibinder
 version I dont' have shadows anymore. The CSS rule filter should not
 remove any -webkit* rule when targeting a webkit based browser,
 sould'it ? Also the box-shadow is supported by recent webkit browsers
 (it is on chrome 4, but this is in the dev channel)

 2nd question : If my CSS uses background-image: url(...), can I
 include those images in my ClientBundle and still make references to
 them in my CSS fragement ?

 Cheers,
 Nicolas

 --
 http://groups.google.com/group/Google-Web-Toolkit-Contributors

-- 
http://groups.google.com/group/Google-Web-Toolkit-Contributors

Re: [gwt-contrib] uibinder and bnudled CSS

2009-12-17 Thread Bruce Johnson 
Definitely do need to escape, as you said.

On Thursday, December 17, 2009, John Huss johnth...@gmail.com wrote:
 I think you have to escape the css attributes that start with a dash
 like this:

 \-moz-box-shadow: 2px 2px 5px #000;

 You should be getting a warning about it in dev mode if you are not -
 making sure you having logging on at a good level.

 John

 On Dec 17, 6:03 am, nicolas.deloof nicolas.del...@gmail.com wrote:
 Hi

 I'm migrating some nice HTML-fragment to GWT. Thanks to UiBinder this
 is really easy and I get a nice result in few hours.

 I notice the uiBinder seems to rewrite the CSS rules according to
 browser support (I may be wrong) : my CSS uses CSS3 box-shadow :

         box-shadow: 2px 2px 5px #000;
         -moz-box-shadow: 2px 2px 5px #000;
         -webkit-box-shadow: 2px 2px 5px #000;

 This works fine on my Chrome browser, but when I use the uibinder
 version I dont' have shadows anymore. The CSS rule filter should not
 remove any -webkit* rule when targeting a webkit based browser,
 sould'it ? Also the box-shadow is supported by recent webkit browsers
 (it is on chrome 4, but this is in the dev channel)

 2nd question : If my CSS uses background-image: url(...), can I
 include those images in my ClientBundle and still make references to
 them in my CSS fragement ?

 Cheers,
 Nicolas

 --
 http://groups.google.com/group/Google-Web-Toolkit-Contributors


-- 
http://groups.google.com/group/Google-Web-Toolkit-Contributors