View Full Version : ViewPort quiestion

22 Nov 2010, 11:07 PM
Hi, i have a viewport with 3 panels:

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

Both north_panel and center_panel have fixed height, for example 100px and 300px.
I want south_panel to fill all availiable vertical space on the screen, and if I add some component to this panel, then I want to see v.scrolling inside this panel.

Is there any way to do this?

Right now code for my south panel:

south_panel = new Ext.Panel({
region: 'south',
autoScroll: true,
layout: 'anchor'
And it has zero height, even when I add some component to it.

23 Nov 2010, 1:55 AM
the border-layout is designed in a way, that north & south shall have a height, east & west a width and the center fills the remaining space. for your layout, i would go for a nested layout.

you could leave the south region and enter a vbox-layout to the center region with 2 panels, where the top panel has a fixed height and the 2nd panel fills the rest.

kind regards