How do I divide a tabstrip into 2 tabstrip components using a kendo splitter ?

Hi, 

I'm trying to add some custom functionality to the awesome tabstrip component. 

More exactly, when the user rightclicks a tab button, the tabstrip should be divided by a splitter in 2 sides (left and right) When the user rightclicks again a tab button, the 2 sides should merge back under a single tabstrip.  

This is what I have so far: 

http://dojo.telerik.com/ERuLAb/2

This seems to work fine in one scenario:

If I right click Tab5, then click Tab6, Tab7, Tab8 everything is perfect. 

But if I right click Tab5, then click Tab1, the right side looses its active tab content. 

So it seems that the left tabstrip is somehow referencing  the right tabstrip children unless those children were already activated (or rendered) 

So the main problem  I'm facing is the ability to remove a tab content item (without destroying it) and add it to another tabstrip. In theory it should work but the kendo tabstrip internal structure si pretty complex. 

Hello again, 

I think I managed to solve it. Here's the latest dojo:

http://dojo.telerik.com/IGEXIZ

Could you please tell me if you spot anything wrong with this approach ? 

Thank you,

Adrian. 

Hi Dimitar, 

Sure, you can create a KB article based on this example.

Regards,

Adrian.