How to change Appearance in GWT

Question

I started working with GWT and I have to change the total appearance of the components. I found the "Appearance Pattern" and some explanation, but there is not a good example. I looked this url: https://code.google.com/p/google-web-toolkit/wiki/CellBackedWIdgets and the best explanaition that I found was with GXT library in http://www.sencha.com/blog/ext-gwt-3-appearance-design.

My question is: Is there a better example of how to change the appearance (like the GXT tutorial) but using only GWT, without any libraries ???

If someone knows about this theme, please help me! Thank you.

Answer 1

By appearance, if you mean color theme, you can change or remove the default theme in your PROJECTNAME.gwt.xml file. Changing/removing this will respectively change/remove the CSS stylesheet that gets automatically attached to your application.

The default is:

<inherits name='com.google.gwt.user.theme.clean.Clean'/>

You can change it to one of the following themes:

  <inherits name='com.google.gwt.user.theme.standard.Standard'/>
  <inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
  <inherits name='com.google.gwt.user.theme.dark.Dark'/>

Or remove / comment those lines altogether.