Simple on-line Theme builder for ExtJS 3.0.0

[iv_ekker]

Greetings. Look, please, simple online builder of colour themes for ExtJS.
It is based on displacement of base colour.

http://extbuilder.dynalias.com/springapp/mainpage.htm
or
http://novanet.homeftp.org:8080/springapp/

How to use:
1.Click Ext Theme Builder.
2.Select Template (blue or gray) in the top toolbar (i recommend - gray)
3.Select Base Color, Header Color, Background color, Border color, Header Font, Font, Window transparency, Toolset (Default, Vista, TargetProcess, Graphite)
and ExtJS version. Unselected Border color will be assigned automatically according to base color
4.Click Apply
5.Enter Theme name
6.Click Download Theme. It will be xtheme-Theme name.zip file
Please, inform me the opinion about the feature.

Theme builder for ExtJS now supports next ExtJS versions:
3.3, 3.2, 3.1, 3.0, 2.3.

Quick Theme Builder Window in your application!
I have added possibility to invoke Theme Builder Window in your ExtJS application quickly!
You can use Theme Builder Window in your ExtJS application right now.

javascript:(function(){
var fileref=document.createElement("script");
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src","http://extbuilder.dynalias.com/springapp/js/app/builder.js");
fileref.setAttribute("id","extthemebuilder_"+Math.random());
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref);}())

Just copy the code and paste to the browser address field on the page with your application.
You will see Theme Builder Window injected inside your app.
And you can use it and try different theme settings to look and feel of your app.

Apply Theme Live Link
You can quickly apply created theme to your application to see the effect of new theme!
Panel Apply theme LiveLink contains link on generated theme on the server.
You can just to copy Apply theme Live Link text to the clipboard, open your application in the new browsers tab, paste Apply theme Live Link text from clipboard to the browsers address field and push Enter. Generated theme will be applied to your application and you can see effect of new theme!
To clean the effect just reload page with your application.

09-29-2009, 3:42 AM - The Bug found by Wedgie has been corrected.
The description on the third page. MS Internet Explorer 6 and earlier does not support a transparency of format PNG.
The system uses GIF format now.
Thanks a lot to Wedgie!

Google code project link
http://code.google.com/p/extthemebuilder/

I would be happy
to include your user extensions and components to theme processing,
to help you to implement the Theme settings feature for your application,
to adopt the Theme builder for your application.

Theme Builder consultancy offered for € 40/hour. Contact me using a private message or send an email to sergchentsov(at)gmail.com.

[rtikku]

Hi iv_ekker,

The URL is not working for me.

Rakesh

[iv_ekker]

Hi rtikku,

Thank you.
You could try again.

[dtex-lab]

Hi iv_ekker,
nice job

Can you tell me how have you implement the box confirmation when the user try to close the tab or browser window?

Thanks

[iv_ekker]

Hi, dtex-lab.

I have created

var logoutAvailable = false; //It should be true when the system does not require confirmation

I have created function

        this.onUnload = function(e){
            
            if ( (undefined ==logoutAvailable)||(!logoutAvailable)){
                e.stopEvent();
            }
            logoutAvailable=false;

            if(this.fireEvent('beforeunload', this) === false){
                e.stopEvent();
            }
        };

And I use event 'beforeunload'

Ext.EventManager.on(window, 'beforeunload', this.onUnload, this);

The service is available.

Good Luck.

[iv_ekker]

Could anybody tell me about lisensing of the application.
How can i do that?

[dtex-lab]

Ty

About licenses...
I suggest you to read http://www.extjs.com/products/license.php
Bye

[iv_ekker]

I am sorry.
I must disable the "Download my theme" button, because i have to identify the status of my application.
Please, could you post your response.

[NeonMonk]

This is really cool. Need to activate the download theme button!

[iv_ekker]

Thank you.
I can not activate the download theme button, because I do not have licence.
I am sorry.