ExtJS: How to extend an Ext.Panel with a BorderLayout?

You need to create the actual control, then extend it: var BasePanel = function (config) { Ext. Apply(config,{items: { title: 'South Region is resizable', region: 'south', // position for region height: 100, split: true, // enable resizing minSize: 75, // defaults to 50 maxSize: 150, margins: '0 5 5 5' }, { // xtype: 'panel' implied by default title: 'West Region is collapsible', region: 'west', margins: '5 0 0 5', width: 200, collapsible: true, // make collapsible cmargins: '5 5 0 5', // adjust top margin when collapsed id: 'west-region-container', layout: 'fit', unstyled: true }, { title: 'Center Region', region: 'center', // center region is required, no width/height specified xtype: 'container', layout: 'fit', margins: '5 5 0 0' }}); //call the base constructor BasePanel.superclass.constructor. Call(this, config); } Ext.

Extend(BasePanel, Ext. Panel, { width: 700, height: 500, title: 'Border Layout', layout: 'border', }); var win = new BasePanel({renderTo:document. Body}).

It's still not displaying... – oogles Jul 29 '10 at 1:50 Added code to instantiate it. – Igor Zevaka Jul 29 '10 at 2:11 I was including the instantiation code :) Still no luck I'm afraid. And still no errors to point out why it's failing.

– oogles Jul 29 '10 at 2:19 Fair enough, I might need to run it up. – Igor Zevaka Jul 29 '10 at 2:27 2 Edited. Turns out the answer was to add items to the panel in the constructor, not in the extension property object.

– Igor Zevaka Jul 29 '10 at 2:49.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.