title: Maximize a tabpanel in ExtJS?
body: <p>I know only window have a maximize config in ExtJS, tho I was thinking of maximize a tabpanel to the whole body of the page when a user would click on a button.</p>
  
  <p>I think it's possible as Iv' seen this : <a href="http://www.sencha.com/forum/showthread.php?268067-How-can-we-add-maximize-and-minimize-in-EXTJS-4-portal" rel="nofollow">http://www.sencha.com/forum/showthread.php?268067-How-can-we-add-maximize-and-minimize-in-EXTJS-4-portal</a></p>
  
  <p>but I can't adapt it to my case.</p>
  
  <p>Here's my tabpanel</p>
  
  <pre><code>            {
              region: 'center',
              tabPosition: 'top',
              title: 'Représentation',
              xtype: 'tabpanel',
              id: 'panel1',
              cls: 'tabpanel-container',
              tools:[{
                  type:'maximize',
                  tooltip: 'Agrandir la fenêtre',
                  handler: function(e, target, panel) {
                      var c = panel.up('viewport');
                      var testPanel = Ext.getCmp('panel1');
                      var con=panel.ownerCt;
                      c.insert(0,con);
                      c.doLayout();
                  }
              }],
              header: {
                  titlePosition: 1,
                  titleAlign: 'left',
                  height: 36,
                  cls: 'tabpanel-header'
              },
              activeTab: tabType,
              border: false,
              split: false,
              collapsible: false,
              margins: '5 0 5 0',
              items: [...]
              }, [...]
  </code></pre>
  
  <p>When clicking on the tool, the tabpanel just dispapear from the page, no error is triggered in the console.</p>
  
  <p>Any hints ?</p>