Sunday, December 23, 2012

Re: Background css gradient

I tried this way now:

GradientStyle.css

.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%)");
}

public interface IGradientStyle extends ClientBundle {
public static final IGradientStyle INSTANCE = GWT.create(IGradientStyle.class);
@Source("GradientStyle.css")
Style style();

public interface Style extends CssResource{

String backgroundtoolbar();
}
}

mySimplePanel.setStyleName(IGradientStyle.INSTANCE.style().backgroundtoolbar());

Again, no effect. Have I missed something? Is there a other better way to have a simple gradient background?

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