PDA

View Full Version : Scroll bar appears even if it is not required



sachin sachdeva
22 Mar 2011, 3:44 AM
Hello I am using multiple tab inside a tab panel but when set autoscroll=true in parent tab scroll bar appears on child tab even if it is not required


mainTabPanel = new Ext.TabPanel({
region : 'center',
id : 'mainTabPanel',
enableTabScroll : true,
animScroll : true,
deferredRender : true,
animCollapse : true,
autoScroll : false,-----//When i use auto scroll true here scroll appears even if it is not required
activeTab : 0,
listeners : {
tabchange : function() {
document.getElementById('search').blur();
}
},
items : [{
xtype : 'portal',
title : 'Assets',
id : 'center-panel1',
autoHeight : true,
autoWidth : true,
draggable : false,
autoScroll : false,
margins : '0 0 0 0',

},
items : [{
el : 'document-grid',
layout : 'fit',
autoHeight : true,
autoScroll : false,
title : 'Assets',
id : 'assettab',
name : 'assettab'
}]
}, {
xtype : 'portal',
title : 'Workspace',
id : 'center-panel',
autoHeight : true,
autoWidth : true,
draggable : false,
autoScroll : false,
draggable : false,

},
margins : '30 2 2 0',
items : [{
columnWidth : .2,
id : 'center-panel-col0',
hidden : true
}, {
columnWidth : .5,
id : 'center-panel-col1',
style : 'padding:10px 0 10px 10px',

items : [{
contentEl : 'parentTab1',
title : 'My Tasks',
autoHeight : true,
autoWidth : true,
draggable : false
}]
}, {
columnWidth : .48,
id : 'center-panel-col2',
style : 'padding:10px 0 10px 10px',
items : [{
contentEl : 'MyFilesTabs',
title : 'My Assets',
autoHeight : true,
autoWidth : true,
draggable : false
}]
}]

}]
});
workflowTab = new Ext.TabPanel({
enableTabScroll : true,
allowDomMove : true,
renderTo : 'parentTab1',
deferredRender : true,
animCollapse : true,
frame : true,
draggable : false,
// activeTab : 0,
items : [{
contentEl : 'childTab1',
id : 'ReviewApprove',
title : 'Review/Approve',
html : '<iframe style="width:100%;height:352px;" frameborder = "0" src="'
+ 'manageWorkflow.jsp"></iframe>'
}, {
title : 'Edit/Check In ',
html : '<iframe style="width:100%;height:352px" frameborder = "0" src="'
+ 'myfileStatus.jsp"></iframe>',
contentEl : 'myFilesTab2'
}]
});

myfilesTab = new Ext.TabPanel({
enableTabScroll : true,
allowDomMove : true,
renderTo : 'MyFilesTabs',
deferredRender : true,
draggable : false,
frame : true,
// activeTab : 0,
items : [{
title : 'In Workflow',
id : 'InWorkflow',
html : '<iframe style="width:100%;height:352px" frameborder = "0" src="'
+ 'myfileCheckin.jsp"></iframe>',
contentEl : 'myFilesTab1'
}, {
title : 'History',
html : '<iframe style="width:100%;height:352px;" frameborder = "0" src="'
+ 'recentDocument.jsp"></iframe>',
contentEl : 'recentTab'
}]
});