PDA

View Full Version : Tabs in a panel's header



webid
11 Dec 2013, 3:54 AM
Hi guy's !

Because of many constraints, I must insert a TabBar in a header of a panel as this schema :
47189
I have two ways of solution :
- I can detach the tabpanel's TabsBar and I insert him in the header (but how ?)
- I use tools property of my panel config, add some buttons and join them some handlers whose command the opening of my tabs container (emulate tabs bar, in fact ..). But how can I place them on the top of my header ?

If you have some tricks to help me, you could save my day (at least ..).

ps : and sorry for my English, I have to improve him (too ..).

tobiu
11 Dec 2013, 5:12 AM
Your ideas look too complicated to me.

The tabpanel on the left side can be build out of the box using tabPosition: 'left'.
The other tabs look exactly like an accordion.
http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.layout.container.Accordion

so, just go for it.

webid
11 Dec 2013, 5:46 AM
I started with this method but are on the left side but inside the container. So, when I collapse the Panel, tabs are hidden ..My goal is showing tabs on all situations ..Or can I collapse my Panel and keep tabs outside ?Thank you Tobiu :)