border layout panel height depending on content

[teddyjas]

Hi,
I've been trying to find the solution for this, but have not found any luck.
Below is panel with border layout.
each region has a grid in it.
If I collapse all the grid the panel height will not be resized accordingly.
How to do that?

I have tried autoHeight: true, but this not working as well

var p = new Ext.Panel({
layout:'border'
,monitorResize: true
,autoHeight:false
,height:90
items:[
{
            region:'west',
            id:this.id+'-west',
            border: false,
            autoHeight:true,
            items: grid1
    },
{
            region:'eastt',
            id:this.id+'-east',
            border: false,
            autoHeight:true,
            items: grid2
    },{
            region:'center',
            id:this.id+'-west',
            border: false,
            autoHeight:true,
            items: grid3
    }
]
});

[Animal]

Overnest.

var p = new Ext.Panel({
layout:'border'
,monitorResize: true
,autoHeight:false
,height:90
items:[grid1, grid2, grid3]
});

Where the Grids are configured with region, title etc.