PDA

View Full Version : Make several panels with horizontal split



MonsieurNeige
23 Dec 2009, 9:07 AM
I would make several panels with each panel the same height and be split horizontal between each panel.

Thank you for your response

Here is my code.






Ext.onReady(function(){

var viewport = new Ext.Viewport({
layout: 'border',
split: true,
items: [

{
region:'center',
title: 'Center',
split: true
},
{
layout: 'border',
region: 'west',
title: 'Gauche',
width: 200,
autoScroll:true,
//split: true,
items:[

{
region:'center',
title: 'Item1',
html:'Item1Item1<br>Item1<br>Item1<br>Item1<br>Item1<br>Item1<br>',
autoScroll:true,
},
{
layout: 'border',
border: false,
region:'south',
split: true,
items:[
{

region:'center',
title: 'Item2',
html:'Item2<br>Item2<br>Item2<br>Item2<br>Item2<br>',
autoScroll:true,
},
{
layout: 'border',
border: false,
region:'south',
split: true,
items:[
{
region:'center',
title: 'Item3',
html:'Item3<br>Item3<br>Item3<br>Item3<br>Item3<br>',
autoScroll:true,
},
{
layout: 'border',
border: false,
region:'south',
split: true,
items:[
{
region:'center',
title: 'Item4',
html:'Item4<br>Item4<br><br>Item4<br>Item4<br>Item4',
autoScroll:true,
}
]
}
]
}
]

}
]
}
]
}
)


});