Vbox problem with vertical scrolls

[mcadirci]

Hello,

I have a panel with vbox layout, when i resize my window the vertical scroll doesn't appear.

Here is my code:

function getContentPanel() {
    var contentPanel = new Ext.Panel( {
        region : 'center',
        layout: {
            type: 'vbox',
            align: 'center'
        },
        autoScroll: true,
        items : [ new Ext.Panel( {
                layout:'column',
                autoScroll: true,
                width: 1102,
                heigth: 1102,
                title : '<center><fmt:message key="UserAddDeleteManage" /></center>',
                items : [getNewUserForm(),getJsonGrid()]
            })
        ]
    });
    return contentPanel;
} 

function setLayout() {
    viewport = new Ext.Viewport( {
        layout : 'border',
        items : [ getHeaderPanel(), getContentPanel() ,getFooterPanel()]
    });
} 

I use vbox this because I need to center the content panel. Any sugestion would be really great.

Thanks.

--
Mehmet

[Condor]

VBox and HBox layout don't support scrolling.

You will have to reconfigure your layout so the container inside the box layout does the scrolling.

[mcadirci]

May I ask you how?

--
Mehmet

[Condor]

Try:

function getContentPanel() {
    var contentPanel = new Ext.Panel({
        region : 'center',
        layout: {
            type: 'vbox',
            align: 'center'
        },
        items : [{
            xtype: 'container',
            width: 1102,
            flex: 1,
            autoScroll: true,
            layout: 'anchor',
            items: {
                anchor: '0',
                layout:'column',
                heigth: 1102,
                title : '<center><fmt:message key="UserAddDeleteManage" /></center>',
                items : [getNewUserForm(),getJsonGrid()]
            }
        }]
    });
    return contentPanel;
}

Disclaimer: Completely untested code!

[mcadirci]

Copy paste worked thanks alot Condor.

--
Mehmet