Re: Background css gradient

On Sunday, December 23, 2012 10:58:25 AM UTC+1, Marco wrote:

I have seen that it's possible to use css gradient in gwt 2.5.

http://code.google.com/p/google-web-toolkit/issues/detail?id=5771

I tried to set a css gradient to a simplepanel with both examples in bug 5771:

.foo {    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%)");  }    OR    @def FOO_GRADIENT_COLORS #000 20%, #fff 80%;  @def FOO_GRADIENT_OLD top FOO_GRADIENT_COLORS;  .foo {    background-image: -ms-linear-gradient(FOO_GRADIENT_OLD);    background-image: -moz-linear-gradient(FOO_GRADIENT_OLD);    background-image: -o-linear-gradient(FOO_GRADIENT_OLD);    background-image: -webkit-linear-gradient(FOO_GRADIENT_OLD);    background-image: linear-gradient(to bottom, FOO_GRADIENT_COLORS);  }

I have set the css to my SimplePanel:

mySimplePanel.setStyleName("foo");

This is not how one uses a CssResource. You have to call the foo() method of your CssResource interface.

See https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle#CssResource

--
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/-/vPwjfPdql3EJ.
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.