More ExtGWT themes derived from ExtJS ones

[avsrinivasa]

Good Work
Can you please let me know where can I find all themes zip files?
can you please let me know the location?
Thanks in advance.
Srinivas

[Cypher]

You can find them on the first page of this thread: http://extjs.com/forum/showthread.php?t=47222

[navi75]

I am facing a problem on IntelliJ8 for not finding the theme classes.

I am using Intellij8 as the IDE for development. I have renamed the ZIP files to jar and added the jar files to the classpath of my project.

I my project *.gwt.xml when i am trying to inherit the class names as mentioned below:

The IntelliJ8 is showing them in red color and complains that class not found in the package.

Can anyone help me on the same. It looks like i am missing something as i know from the above forum replies that this works.

<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'/>

[rgalvao]

Hey Cipher,

Does they work on GXT 2.0?
If not, what are the changes that need to be made?

TIA,
R.

[xalvaro]

For the few test I have done,
They seems to work.

[navi75]

What steps did you followed to configure the same on Intellij8 IDE to make it work?

1) Download the ZIP files for the themes?
2) Rename them to Jar.
3) Place the Jar files in the lib directory of the project.
4) Configure the same in the *.gwt.xml file as below

<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'/>

Is all the above steps correct.

[Cypher]

Well, rgalvao, then seem to work fine also with GXT 2.0.

[georgewang]

Hi there. I'd apprecite it if anyone can help me with problems:

I dowloaded the zip files, renamed them as jar files, and put them into classpath. Both NetBeans and Eclipse can not process the jar files "Error processing classpath URL ...gxt-black.jar" is what Eclipse said.

And in NetBeans, it seems still know it is a zip file after renamed as jar.

Would Cypher kindly zip the jars, thanks.

George

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.

[seb2nim]

Hi,
For those wondering if these themes are working with GXT2.0 :

Answer is : Yes, quite out-of-the-box after a trick.

... but some new widgets arent styled.


1)
A theme provides a "filename" so that ThemeManager can automatically bind theme'css in host page when loading theme...

Threre is a little issue as theme filename is just "olive.css" so css cannot be found directly by browser (in fact theme's css is located inside the theme module 'public'/'css' folder, so generated to module's baseurl/css/.

Of course you can hardcode theme's stylesheet path inclusion in host page but loading theme from ThemeManager will produce a 404 error.

To ensure theme is loaded correctly, i suggest you to do this for registering theme :

Theme theme = Theme.OLIVE;
 String filename = theme.getFile();
theme.set("file", GWT.getModuleBaseURL()+"css/"+filename);
ThemeManager.register(theme);

2)
Some widgets arent styled yet by these themes : depends.... GroupButtons, Tooltip, Info display...

[cbonami]

You need to do 2 additional things. For example, in order to include the 'slickness' theme:

1) Copy the content of the 'public' folder of you theme-jar to ${war-root}/resources/themes/slickness

2) Add the corresponding css to your main html:

<link rel="stylesheet" type="text/css" href="resources/themes/slickness/css/xtheme-slickness.css" />

Then changing theme works.