Monday, December 24, 2012

Re: Background css gradient

I had a little mistake in my program therefore CssResource did not work.

Only with the literal css description it work now:

.backgroundtoolbar {
  background-image: literal("-ms-linear-gradient(top, #000 20%, #fff 80%)");
  background-image: literal("-moz-linear-gradient(top, #000 20%, #fff 80%)");
  background-image: literal("-o-linear-gradient(top, #000 20%, #fff 80%)");
  background-image: literal("-webkit-linear-gradient(top, #000 20%, #fff 80%)");
  background-image: literal("linear-gradient(to bottom, #000 20%, #fff 80%)");
}

Thanks to Jens because without 
IGradientStyle.INSTANCE.style().ensureInjected()
it will not work.

The gradient is not working in IE but will work in Chrome. Any idea?

--
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/-/GyGMdCC7PhsJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment