Changing default theme

[oosthuja]

I have looked at sample of how to change the default theme to something else on start up but cannot get it to work.

The following is in my onModuleLoad ( first 2 lines).

This is done in a class which implements LayoutContainer.

ThemeManager.register(Slate.SLATE);
GXT.setDefaultTheme(Slate.SLATE, true);

This does not work the theme stays the blue default theme when I launch the app.

[gslender]

did you add the custom themes in the module.gwt.xml ???

[oosthuja]

<inherits name="com.extjs.gxt.themes.Themes"/>

What should it be for slate ?

[gslender]

ok, the problem is that your base class, with the onModuleLoad is extending a GXT widget (maybe layoutcontainer or contentpanel or window etc??)... as such, it extends Component which calls GXT.init before you've set the default theme.

You need to have a plain class, that just implement EntryPoint

Like so....

public class Test implements EntryPoint {
	public void onModuleLoad() {

		 ThemeManager.register(Slate.SLATE);
		 GXT.setDefaultTheme(Slate.SLATE, true);

[oosthuja]

I have removed all my code and just have the following but this no luck

public class LifeCockpit implements com.google.gwt.core.client.EntryPoint{

final Viewport v = new Viewport();

public void onModuleLoad() {

ThemeManager.register(Slate.SLATE);
GXT.setDefaultTheme(Slate.SLATE, true);


RootPanel.get().add(new Button("test"));

MessageBox.alert("test", "test", null);

}
}

[gslender]

remove the final Viewport v = new Viewport() - this creates an Component class (and calls GXT.init) before you set the default theme... remember as I said before.

try just this...

public void onModuleLoad() {

ThemeManager.register(Slate.SLATE);
GXT.setDefaultTheme(Slate.SLATE, true);


RootPanel.get().add(new Button("test"));

MessageBox.alert("test", "test", null);

}
}

[LINEMAN78]

If you aren't planning on having the switcher in you UI, you can just put this in your html head tag

<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/xtheme-slate.css" />

[pedrosousa]

Hi,

You need to do something like this:

public class App implements EntryPoint {
    private Viewport viewport;

    public Layout() {
    }

    public void onModuleLoad() {
        // Themes
        ThemeManager.register(Slate.SLATE);
        GXT.setDefaultTheme(Slate.SLATE, true);
        viewport = new Viewport() {
            @Override
            protected void onRender(Element parent, int pos) {
                super.onRender(parent, pos);
            }
        };
        RootPanel.get().add(viewport);
    }
}

If you extend your class from Viewport the GXT.init() is executed first than GXT.setDefaultTheme(...).

Regards,