Sunday, December 23, 2012

Background css gradient

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");

Sadly there is no effect. The panel is just white.

Any ideas?

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