PDA

View Full Version : layout problem



shahrzad
26 May 2010, 11:04 PM
hi,

the site has a viewPort

in left : treePanel
in right : content

Now..
3 grid must put in content section
How can I put these grids ( 2 grid beside eachother and the third in bottom of them) in content? use of Panel or viewPort or..?

Thanks,
shahrzad

danguba
26 May 2010, 11:24 PM
You can have only one viewPort. I would go for panel with border layout and grids in west, center and south regions

shahrzad
28 May 2010, 8:31 PM
thanks for reply, let' see what I did:


scanJobs.superclass.constructor.call(this, {
frame : true,

autoScroll: true,
layout: {
type: 'fit',
padding: '5',
align: 'left'
},

items: [columnGrids, simpleGrid]

});

...
var columnGrids = new Ext.Panel( {
layout: 'column',
items: [{ ....

var simpleGrid = new Ext.grid.EditorGridPanel( {
store : store,
columns : scheduleColumns,

...


;)

mitchellsimoens
29 May 2010, 4:58 PM
Ugh! Why don't people wrap code in code tags?

From a design standpoint, people who have low resolutions will have a hard time with a layout that is basically 5 columns wide then. Your Viewport with 3 and your center region having 3. Maybe a TabPanel for the center region would be more desirable? Also, if you can, I'd use xtype as much as possible.

shahrzad
29 May 2010, 8:18 PM
it wasn't my idea,... my idea was also using of tab panel but they...

mitchellsimoens
29 May 2010, 8:52 PM
it wasn't my idea,... my idea was also using of tab panel but they...

Ha! Been there! Good thing that ExtJS is an easy framework to create different layouts easy to show them that one is better than the other :-)

shahrzad
29 May 2010, 9:00 PM
but ifonly extjs has the HowTo articles too... it is sometimes hard to understand :) here just in codes, we have to take many times to understand what it does! anyway thanks..:)