Results 1 to 2 of 2

Thread: [4.0.7] Window in border layout error in IE

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    Italy
    Posts
    44

    Default [4.0.7] Window in border layout error in IE

    Hi,
    Creating a window using this code when collapsing the east panel in IE8 I receive the Error: 'style' is null or not an object
    Is a known issue?
    Thanks in advance
    Code:
    Ext.create('Ext.window.Window', {
        title: 'Layout Window',
        width: 900,
        height: 500,
        layout: 'border',
        items: [{
            region: 'center'
        },{
            region:'east'
            ,width: 80
            ,split: true
            ,collapsible:true
        }]
    }).show()

  2. #2
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    Italy
    Posts
    44

    Default

    Hi
    Sound strange that it's only my issue..
    Nobody have tried?
    One step forward,I have modified the code of http://dev.sencha.com/deploy/ext-4.0...ow/layout.html as follows adding the east region
    Code:
    Ext.require([
        'Ext.tab.*',
        'Ext.window.*',
        'Ext.tip.*',
        'Ext.layout.container.Border'
    ]);
    Ext.onReady(function(){
        var win,
            button = Ext.get('show-btn');
    
        button.on('click', function(){
    
            if (!win) {
                win = Ext.create('widget.window', {
                    title: 'Layout Window',
                    closable: true,
                    closeAction: 'hide',
                    width: 900,
                    minWidth: 350,
                    height: 500,
                    layout: 'border',
                    bodyStyle: 'padding: 5px;',
                    items: [{
                        region: 'west',
                        title: 'Navigation',
                        width: 200,
                        split: true,
                        collapsible: true,
                        floatable: false
                    }, {
                        region: 'center',
                        xtype: 'tabpanel',
                        items: [{
                            title: 'Bogus Tab',
                            html: 'Hello world 1'
                        }, {
                            title: 'Another Tab',
                            html: 'Hello world 2'
                        }, {
                            title: 'Closable Tab',
                            html: 'Hello world 3',
                            closable: true
                        }]
                    },
                                    {
                                        region:'east'
                                        ,title:'east'
                                        ,width: 80
                                        ,split: true
                                        ,collapsible:true
                                    }]
                });
            }
            button.dom.disabled = true;
            if (win.isVisible()) {
                win.hide(this, function() {
                    button.dom.disabled = false;
                });
            } else {
                win.show(this, function() {
                    button.dom.disabled = false;
                });
            }
            
        });
    });
    Collapsing have error on line 8617 'style' is null or not an object in IE 8 version 8.0.600
    In Firefox work fine.
    Any help or workaround will be apreciated

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •