Viewport fix width and height

[koolfreak]

Hi,

I have a new requirement. It is possible for the center region to have scroll at a certain width? Cause I try to configure the center to a minWidth: 450 but when resize to less that that size it does not create a scroll.

here is my code snippet:

{
            region: 'center',
            layout: 'border',
            border: false,
            autoScroll:true,
            maxWidth: 1070,
            minWidth: 450,
            items: [{
                region: 'center',
                autoScroll:true,
                title: '<p class="main-header-padding"><img width="20" height="18" style="vertical-align:middle;" src="images/images-design/icon-folder.png">&nbsp;Folder Contents</p>',
                html: '<p id="statLoader"></p><table id="table-style-main-grid-main" class="table-style-main-grid-main" >'+
                    '<tbody id="testTableData"></tbody></table>',
                dockedItems: [{
                    xtype: 'toolbar',
                    dock: 'top',
                    items: [{xtype: 'panel', id: 'topMenu',border:false,bodyStyle:{'background-color': '#FFF'},width:'100%',height: topMenuHeight,autoScroll: true}]
                }]
            }

cheers.
thanks a lot.

[koolfreak]

Hi,

Cause I try to configure the center to a minWidth: 450 but when resize to less that that size it does NOT create a scroll.
......

[waqar]

Did you find a solution ?

I found an old version thread but seems to some useful information ...
http://www.sencha.com/forum/showthre...width-viewport


If you did fixed this issue can you please share with us ? I need to have a fixed size of application regardless of what browser size is.