[SOLVED] Add an icon for title of ext.Window

[stevanovich]

Hello ,

I woul like to know if it's possible to insert an icon in the title of a window.

 win = new Ext.Window({
            title    : 'Lanceur',
            closable : true,
            width    : 850,
            height   : 600,
            //border : false,
            plain    : true,
            layout   : 'border',
            icon: 'icons/telephone.png',
            cls:'x-btn-left', 

I think i do not use the good css.
Or not the best way.

Thanks !

[Animal]

http://extjs.com/deploy/dev/docs/?cl...member=iconCls

[stevanovich]

Thanks Animal for quick reply !!!

I already use this for tabs, sorry for disturbing !!!

But , i'm still confusing about using iconCls, I mut setting them in html, otherwise it's nos possible to define in js.

in js

        win = new Ext.Window({
            title    : 'Lanceur GlooMan',
            closable : true,
            width    : 850,
            height   : 600,
            //border : false,
            plain    : true,
            layout   : 'border',
            //iconCls : 'Arbre_Bannis', // work by html setting
            iconCls :  '.Arbre_Bannis {background-image:url(icons/report_delete.png);}', // not Work 

In html

<style type="text/css">
    html, body {
        font:normal 12px verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
    p {
        margin:5px;
    }
....
    .Arbre_Bannis {
        background-image:url(icons/report_delete.png);
    }
...    
    </style> 

I miss something ???
(change path to ../ to ../../ etc, still not working)

[Animal]

You ned to learn HTML before you begin buildnig RIA apps!

A class is a class name. A DOM Element has a string which can contain class names.

You then specify styling rules which use selectors which are based on class names to apply the rules to elements.

[stevanovich]

You ned to learn HTML before you begin buildnig RIA apps!

Thanks !
I confirm : i'm not an html expert ! (and not an Extjs expert !)

Maybe my question was stupid ?
I just folow the link you put on your post, and i read it:

iconCls : String A CSS class that will provide a background image to be used as the header icon (defaults to ''). An example custom ic...
A CSS class that will provide a background image to be used as the header icon (defaults to ''). An example custom icon class would be something like: .my-icon { background: url(../images/my-icon.gif) 0 6px no-repeat !important;}

So, am I stupid to think that extjs was able to setting new css ???

I should use ext.util.css ?

A class is a class name. A DOM Element has a string which can contain class names.
You then specify styling rules which use selectors which are based on class names to apply the rules to elements.

I'm agree with you !

Thanks for reply.

[frankthetank]

your iconCls whould be 'Arbre_Bannis', the name of the Class if I'm not wrong.
Nevermind, missread, you already tried that !! My bad.

[stevanovich]

Yes, as i explain in my example , after animal explanation, iconCls works fine with 'Arbre_Bannis'.

My read of API documentation was wrong: example given for ".my-icon { background: url(../images/my-icon.gif) 0 6px no-repeat !important;}" is only for css setting, in html or other.