CODEWITHSUNDEEP
javacssgwt
Kris
Kris

Reputation: 566

How to override default styles in GWT 2.3?

This question has been asked before, but for older versions of GWT. I'm using the "clean" theme that's provided, but I'd like to override some styles (fonts and such). Linking a stylesheet in the HTML file with link tags is deprecated, as is using a stylesheet tag in the gwt xml file (http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles). How do you associate a css file with your project, then? I'm not using UIBinder.

Upvotes: 2

Views: 1143

Answers (3)

Strelok
Strelok

Reputation: 51451

I think the best way to go about this is to copy the "clean" theme's CSS file from the GWT jar file. Disable the theme in your application and just customise your own version of that CSS file.

Upvotes: 0

Hilbrand Bouwkamp
Hilbrand Bouwkamp

Reputation: 13519

From the same page you're refering to:

If you do not care about sharing or re-using your module then you can just use the standard HTML link rel stuff in the host page.

But what I do is create a specific CSSResource for the 'old' styles. This resource is not used in code, but is specific to place all 'old' styles in and have them in one css file during development. Typically this should only contain 'old' GWT styles and not you're own set via a string as class name. Those should preferable go via the CssResource technique. A difference with plain style inclusion via link rel is that the styles in the resource are injected and not included via a separate stylesheet. Code example:

interface Resources {
  @Source("notstrict.css")
  @CssResource.NotStrict
  CssResource notStrictCss();
}

(also don't forget to inject this css resource).

See more on strict scoping here: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Strict_scoping

Upvotes: 1

filip-fku
filip-fku

Reputation: 3265

It seems like google wants us to use ClientBundle & CssResource from now on.

Upvotes: 1

Related Questions