Setting height of Panel to accomodate Grids

[harjits]

I figured it out , the layout on it was fit and the first panel took all the space and the second panel was being rendered below it, I just had to scroll 1000 pixels below to see it... don't know why if I set to fit it takes the whole view

For some reasons when I have this

 var find =  new sentry.FindWrapperPanel()
     var results = new sentry.ResultPanel()
     var viewP = new Ext.Viewport({
     layout : 'fit',
     autoScroll:true,
     items : [find,results]
     });

it doesn't show the results panel and hence I had to do this....

[harjits]

I did that and my vertical scroll bar is gone so I can't see all of my grids now. Can only see 3.

[harjits]

I did that and my vertical scroll bar is gone so I can't see all of my grids now. Can only see 3.

layout: 'fit' stretches the first child to the parent container's full width and height. You would want a vbox with align stretch. Then you would probably put a height on your find component and a flex: 1 on your results component.

[Tim Toady]

It should be something like this. Did you drop the autoScroll true on the results panel?

Viewport - vbox layout with align stretch

Find - with a height
Results - flex 1, no height, vbox with align: 'stretch', and autoScroll: true

Grid1 - with height
Grid2 - with height
Grid3 - with height
Grid4 - with height
Grid5 - with height
Grid6 - with height

[harjits]

It didn't help. I have viewport with

var viewP = new Ext.Viewport({
         layout:{
             type:'vbox',
             align:'stretch'
         },
     items : [find,results]
     });

Results with

sentry.ResultPanel = Ext.extend(Ext.Panel, {
    id:'resultContainer',
    frame:false,
    autoScroll:true,
    flex:1,
    layout:{
        type:'vbox',
        align:'stretch'
    },

and find with a height. I still don't see the scroll bar on the right and I just see 3 grids. I'm attaching the picture...Capture.jpg

It should be something like this. Did you drop the autoScroll true on the results panel?

Viewport - vbox layout with align stretch

Find - with a height
Results - flex 1, no height, vbox with align: 'stretch', and autoScroll: true

Grid1 - with height
Grid2 - with height
Grid3 - with height
Grid4 - with height
Grid5 - with height
Grid6 - with height