PDA

View Full Version : layout setup to screen



javapurna
9 Apr 2013, 3:00 AM
hi every one ,
i have facing problem to fit my view port or layout in 1024 *768 px . i am writing css but it is not working . my viewport is

Ext.define("My.utils.ViewPort", {
extend: "Ext.container.Viewport",
autoDestroy: true,
requires:['My.view.Footer',
'My.view.Header',
'My.utils.MotLayOut'

],
initComponent: function(){
this.items = {
items : [{
id:'motheader',
region:'north',
xtype: 'header',
},{
region:'center',
xtype: this.view,


},{
id:'motfooter',
region:'south',
xtype: 'footer',
}]
};

this.callParent();

},


});

my view page is :Ext.define( "My.utils.MotLayOut", { extend: "Ext.panel.Panel",
//controller: "",
xtype:'MotLayOut',
border: false,
cls:'layout',
layout: {
type:'vbox',
align:'stretch',
padding:'0'
},

initComponent: function() {
var lowerTabPanel = Ext.create('Ext.tab.Panel', {
deferredRender: true,
plain: true,
items: [{
title: 'Dash Board',


},{
title: 'Contacts',



},{
title: 'Calender',


}



]
});
Ext.applyIf(this, {
items:lowerTabPanel
});
this.callParent();
},



});



css: layout:{
height:735px !important;
}


how to fit .please reply me

tvanzoelen
9 Apr 2013, 6:46 AM
You can not set width or height on a center region in a border layout. It will fill up the available space. You can set height on the north or south region instead.