More ExtGWT themes derived from ExtJS ones

[Cypher]

Hi guys,

I have wrapped the ExtJS themes created by madrabaz so they can be used also in ExtGWT.

Themes:
- Black (http://extjs.com/forum/showthread.php?t=15504);
- DarkGray (http://extjs.com/forum/showthread.php?t=15341);
- Olive (http://extjs.com/forum/showthread.php?t=15505);
- Purple (http://extjs.com/forum/showthread.php?t=15377);
- Slickness (http://extjs.com/forum/showthread.php?t=28024);

Usage:

Insert this to your *.gwt.xml file:

<inherits name='ext.ux.theme.black.Black'/>
<inherits name='ext.ux.theme.darkgray.DarkGray'/>
<inherits name='ext.ux.theme.purple.Purple'/>
<inherits name='ext.ux.theme.olive.Olive'/>
<inherits name='ext.ux.theme.slickness.Slickness'/>

Then add the theme JAR files to your classpath.

Then add this to your ExtGWT Java code:

import ext.ux.theme.black.client.Black;
import ext.ux.theme.darkgray.client.DarkGray;
import ext.ux.theme.purple.client.Purple;
import ext.ux.theme.olive.client.Olive;
import ext.ux.theme.slickness.client.Slickness;

And then register the theme as follows:

ThemeManager.register(Black.BLACK);
ThemeManager.register(DarkGray.DARKGRAY);
ThemeManager.register(Olive.OLIVE);
ThemeManager.register(Purple.PURPLE);
ThemeManager.register(Slickness.SLICKNESS);

Enjoy!

Cypher

PS:
The attached ZIP files need to be renamed to JAR and then included in your ExtGWT project.

[bjagodzinski]

As a beginner I have a question concerning adding a theme to the project. I add the module inherited in the xml file, add the jar to the classpath, register the theme and nothing changes with the display..
I suppose I can be placing register line in the wrong place, I paste the line

ThemeManager.register(Slickness.SLICKNESS);

in the first line of the onModuleLoad() method of my entry point. Is it right?

regards,
bj

[bjagodzinski]

Ok, I found the solution. For those who might be interested in the future: Registering a theme is not enough, you have to also set the theme, to have it visible. To do this, you can use ThemeSelector combobox, or set the theme as default theme for the app, just by pasting this line into the onModuleLoad method:

GXT.setDefaultTheme(Slickness.SLICKNESS, true);

[Cypher]

Sorry, I forgot to mention that one has to either set the default theme or add a "Theme Selector" list-box GUI somewhere in the configuration section of the GWT application, something like this:

HorizontalPanel configPanel = new HorizontalPanel();   
configPanel.setSpacing(10);
        
ContentPanel themesPanel = new ContentPanel();
themesPanel.setHeading("Themes");
themesPanel.setFrame(true);
themesPanel.setWidth(150);
themesPanel.setLayout(new FillLayout());
themesPanel.add(new ThemeSelector());
        
configPanel.add(themesPanel);
        
add(configPanel);

The screenshot of such "Theme Selector" panel is attached.

Thanks, bjagodzinski, for bringing this to my attention.

Cypher

[Daniel Kurka]

The files inside the zips dont have the file extension .jar

Maybe correct that?

[gslender]

no, the files need to be renamed to .jar and then included in your project.

[Cypher]

Exactly - the attached files are actually JAR files with ZIP extension. I had to do it this way because this forum doesn't allow attaching JAR files...

[Daniel Kurka]

I think it would be better then to just zip the jar files...

renaming the file extention is rather confusing

But nice work with all the themes

[zaccret]

+1 to put jar files in a zip file.

By the way, what are the licenses of the themes ?

And also, thanks for the job, it is really helpful !

[Cypher]

I'm glad you like those themes. I do like them too. Next time I'll zip the JAR files if it helps, no problem.

As for the license, please contact the original ExtJS theme author (in this case it's madrabaz). The GXT theme wrapper that I added to those themes is "public domain".