PDA

View Full Version : Panel.disable not working properly in IE8



varunjyoti
30 Apr 2012, 4:15 AM
I am disabling a panel in my script using both setDisabled(true) and disable() function. When i disable the panel, it gets disabled in all the browsers. In firefox, chrome and IE9, the panel gets disabled and fades a bit so that the data in the panel is visible to the user. But in IE8, the panel data is not at all visible and it gets blacked out. I want it to behave similar to other browsers. I am using 4.0.5 and i cant upgrade to newer version. Please suggest.

scottmartin
30 Apr 2012, 7:34 AM
Make sure you browser is not in Quirks Mode. If you set it to IE standard, it will display fine.

Regards,
Scott.

varunjyoti
30 Apr 2012, 9:43 PM
scottmartin,

Thanks for the reply. But my browser is in IE8 mode and it is not in quirks mode. It works fine in IE9.

scottmartin
1 May 2012, 6:27 AM
This displays fine in IE8:



Ext.onReady(function(){

var mypanel = Ext.create('Ext.panel.Panel', {
title: 'Hello',
width: 200,
html: '<p>World!</p>',
renderTo: Ext.getBody()
});

mypanel.setDisabled(true);
//mypanel.disable();

});


34726

Regards,
Scott.

varunjyoti
1 May 2012, 8:16 AM
Then i guess problem could be in the CSS i am using. I am using custom CSS for my product.