1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    55
    Vote Rating
    0
    varunjyoti is on a distinguished road

      0  

    Default Unanswered: Panel.disable not working properly in IE8

    Unanswered: Panel.disable not working properly in IE8


    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.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    685
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Make sure you browser is not in Quirks Mode. If you set it to IE standard, it will display fine.

    Regards,
    Scott.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    55
    Vote Rating
    0
    varunjyoti is on a distinguished road

      0  

    Default


    scottmartin,

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

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    685
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    This displays fine in IE8:

    Code:
    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();
     
    });
    f199891.png

    Regards,
    Scott.

  5. #5
    Sencha User
    Join Date
    Nov 2011
    Posts
    55
    Vote Rating
    0
    varunjyoti is on a distinguished road

      0  

    Default


    Then i guess problem could be in the CSS i am using. I am using custom CSS for my product.

Thread Participants: 1