Ext.layout.container.Border controlled by Ext.mixin.Responsive

I was trying to display a chart either beside or below a grid...

to control the layout regions is most important when trying to fit things into landscape/portrait.

Code:

    responsiveConfig: {
        'width <= 1023': {narrow: 1},
        'width  > 1023': {narrow: 0}
    },
    setNarrow: function(i){
        var items=this.getLayout().getLayoutItems();
        if(i==0){items[1].setRegion('east');}
        else {items[1].setRegion('south');}
        this.doLayout();
    },

The events get triggered, the regions get updated...

but any idea how to make it update the view properly?



Ext.layout.container.Border controlled by Ext.mixin.Responsive