PDA

View Full Version : Vertical Scrollbars are not appearing in IE 8, 9.



sagi.kiran
28 Mar 2012, 8:16 PM
I am using MVC architecture for Extjs 4.0.2a.
I am having tab panel and sub tabs inside each tab.
I am not getting vertical scroll bars in IE 8 & 9. (Its appearing and working as expected in Mozilla Firefox & Chrome).
Here is the piece of code where I want Scroll bars :

Card Layout Panel inside a TAB item :


Ext.define('qnum.view.familyblocks.AllocateBrowsePanel', {
extend : 'Ext.panel.Panel',
qid : 'allocateBrowsePanel',
alias : 'widget.allocatebrowsepanel',
activeItem : 0,
border : false,
layout : 'card',
items : [ {
xtype : 'managefamilyblockform'

} ]
});

managefamilyblockform - class defination :


Ext.define('qnum.view.familyblocks.ManageFamilyBlockForm', {
extend : 'Ext.form.Panel',
qid : 'manageFamilyBlockForm',
alias : 'widget.managefamilyblockform',

title : 'Allocate Family Number Blocks',

fieldDefaults : {
labelAlign : 'left',
labelWidth : 150,
labelStyle : 'font-weight:bold'
},

buttonAligh : 'left',
defaults : {
margins : '5 5 5 5',
border : false
},

height : 400,
width:500,
autoScroll : true,
border : false,
initComponent : function() {
this.createFamilyBlockForm();
this.callParent();
}
});

Whenever managefamilyblockform class gets rendered on Firefox - scroll bars are getting appeared if browser height/width below 400 & 500 respectively.
The above scenario doesn't provide scroll bars in IE 8 & 9.

Please help.

Thanks

mitchellsimoens
29 Mar 2012, 7:19 AM
Just looking at that code there is nothing that stands out to me that would prohibit scrollbars.

sagi.kiran
1 Apr 2012, 8:41 PM
Hi, Have you tried similar code or same code to run in IE? I am still not able to get scroll bars for the above mentioned code.