PDA

View Full Version : Collapsible Panel header with "tab"



kameshpal
8 Feb 2013, 1:21 AM
I'm looking for an option which helps me to add tabpanel in header of a collapsible panel.


My panel has properties mentioned below:



{
xtype: 'panel',
title: '',
height: 350,
region: 'west',
width: 260,
layout: 'vbox',
collapsible: true,
collapseMode: 'mini',
maxWidth:510,
split: true,
ctCls:'x-box-layout-ct',
layoutConfig: {
align: 'stretch'
},
items : [{
xtype: 'tabpanel',
activeTab: 0,
region: 'center',
split: true,
activeTab:0,
}]
}
Thanks in Advance,

Kamesh

willigogs
8 Feb 2013, 3:43 AM
Could you clarify exactly what you're wanting to achieve?

You could simply give the parent panel a title and make this collapsible, then add the tabpanel as you have done already.

But then are you wanting the tabs to actually be in the space where the title is displayed? This will be possible with some CSS (moving the panel body up and over the header), but then you will likely run into problems regarding panel height, and if numerous tabs are added, they will overlap or run under the collapse button in the title bar...