header and borders of a window

[abesalom.koroghlishvili]

Hello everybody! I'm not programmer and I'm trying to create a very simple web page.
I created such window, shown bellow.


myExtJSexample.jpg

I lerned how to format the content in the window and it's background. But I don't know how to remove the borders of the window and how to change the top header background color (I can change the theme images, but I don't know which images they are).

please help me...

[scottmartin]

It would be easier to create floating panel than to remove the sizer from a window:

Ext.onReady(function(){

    Ext.create('Ext.panel.Panel', {
        //title: 'Hello',
        width: 200,
        height: 200,
        floating: true,
        draggable: true, // remove if you want; to demo as window

        items: {  // Let's put an empty grid in just to illustrate fit layout
            xtype: 'grid',
            border: false,
            columns: [{header: 'World'}], 
            store: Ext.create('Ext.data.ArrayStore', {}) 
        },
        
        renderTo: Ext.getBody()
    });
 
});

Scott.

[abesalom.koroghlishvili]

I found this page: http://www.delphifaq.com/faq/javascr...js/f3555.shtml
and helping this page, I created this code:

Ext.onReady(function(){

    Ext.create('Ext.FormPanel', {
        title: 'Hello',
        width: 200,
        height: 200,
        floating: true,
        draggable: true, 

        items: {  
            xtype: 'form',
            border: false,
               },
            renderTo: Ext.getBody()
               });
 
});

the result is:
Untitled-1.jpg


and what about the color of header?
I want to be brown header in instead of blue.
I can change theme images, if you can tell me, which ones must be edited.

[scottmartin]

Have a look at theming guide:
http://docs.sencha.com/ext-js/4-1/#!/guide/theming

Scott.