PDA

View Full Version : Container Resizing on Resolution Change



1chiban
22 Aug 2012, 4:34 AM
Hi everyone.

I have a problem with my Exjs4 app. It's not a completely exjst4 app, the main page has a header and footer with html and the body is the extjs4 component. The problem is, when I change the resolution on the browser, everything else will resize but the container in this case, won't fill the empty space created by changing the browser resolution.

The structure is like this:


var mainContainer = Ext.create('Ext.container.Container', {
layout: {
type: 'fit'
},
border:false,
autoWidth:true,
autoScroll:true,
renderTo: 'body',


items: [tabPanel1,tabPanel2]
});


I tried using a Viewport which solved the resizing problem but at the same time created a new one. I couldn't make it scroll down so a big portion of the content of the page was cutoff . Is there anyway to solve my problem?:)