PDA

View Full Version : header and borders of a window



abesalom.koroghlishvili
13 Aug 2012, 10:57 AM
Hello everybody! I'm not programmer and I'm trying to create a very simple web page.
I created such window, shown bellow.


37911

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
13 Aug 2012, 11:20 AM
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
13 Aug 2012, 12:25 PM
I found this page: http://www.delphifaq.com/faq/javascript/extjs/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:
37912


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
14 Aug 2012, 8:58 AM
Have a look at theming guide:
http://docs.sencha.com/ext-js/4-1/#!/guide/theming

Scott.