Due to http://www.sencha.com/forum/showthre...-border-layout

I have a question about this custom layout.

I want to display the panel floated above the layout when clicking a collapse Panel' s placeholder.

(When panel is minimized. it can be temporary restored by clicking on minimized bar. When panel is on unpinned state, it will automatically minimized when lost focus.)




following code is example code for create custom collapse tool

Code:
      this.westTabPanel = new Ext.tab.Panel( {
         cls : 'extwesttabpanel',
         activeTab : 0,
         width : 250,
         minWidth : 120,
         split : true,
         stateful : true,
         collapsible : true,
         floatable : true,
         region : 'west',
         id : 'west-tab-panel',
         hideCollapseTool: true,
         preventHeader: true,
         listeners : {
         afterrender: function(tabPanel) {
            tabPanel.placeholder.comp = tabPanel;
   
            var tabBar = tabPanel.down('tabbar');
   
            tabBar.add(
                {flex: 1, xtype: 'component'},
                {
                    type: 'left',
                    xtype: 'tool',
                    id:    'westcollapseleft',
                    handler: function(tool) {
                        tabPanel.collapse();
                    }
                  }
               );
            }
         }
         ,
         placeholder: Ext.widget('toolbar', {
            vertical: true,
            items: [{
                type: 'right',
                xtype: 'tool',
                id:    'westcollapseright',
                handler: function(ev, el, toolbar) {
                    toolbar.comp.expand();
                }
            }]
        })
      });


How to do that?

Thanks.