drag & drop with tabpanel-items

[tobiu]

hi together,

there is already one short posting about this theme in the feature-request-forum, but since i can not post there yet (will get my acc in the next 2-3 months), i reopen this theme here.

i think, that the ability to drag and drop the tabpanel-items would really be a nice feature. i imagine it almost like the way, you can sort grid columns. when you drag the "button" of a tabpanel, it gets the same animation like a grid column-header and you get green and red zones too.

this would make it possible to sort the order of a tabpanel.
therefore, tabpanel-items should react on the event onmouseup and dragging onmousedown (stopping the other event). this could also help with a small "bug" in ext 1.1. clicking the close-icon on a tab-panel button of a not active tab first focusses that tab and then closes it. if reacting on onmousedown and stopping the focus-event, this would be nicer too.

if tab-panel-sorting works, it could be extended to allow dragging the tabpanel-items between different tabpanels. somehow similar to the linked accordions of jozef. imagine how cool it would be, to have a border / nested layout and drag and drop tabpanel-items between east, west and center.

i am not sure, if something like this is already planed (or implemented?) in ext2.0.

so my first question goes to the core-developer team!

if this feature is not planned officially, it would be a great project for an ext user extension and i would try to help coding this.

but before starting, i need to know if someone has already / wants to develop this too.

@the community: please write here, if you would like this feature or not.


thanks and kind regards, tobiu

[tobiu]

since this topic was read > 50 times and no answer yet,
i added a poll to it, to make it more easy for you ;)

[Animal]

It would be very nice.

Also, the possibility to "undock" the tab panel (double click on the tab title), which would cause it to float inside a window until redocked in a Layout region where it converts back to a tab panel item.

[tobiu]

hi animal,

thanks for your answer!
i already played a bit with "undocking" tabs. for tests, i used a button, that opens a basic dialog, displays the content of the tab there and kicks the original tab out of the dom.

this far, it is not a big deal (another button to redo it, is also not difficult).

my problem with this was, to show possible dock-zones.
it would be nice, that on moving the undocked tab (dialog), all tab panels get a "light green" new tab-icon, that becomes green, when you move the dialog and cursor over it.

this would be really cool with complex layouts too: undocking a west-region and docking it at the east.

[jack.slocum]

This feature has usablity for < 10% of users. That means it is highly unlikely to be added to the Ext core codebase to prevent bloat.

I do agree it would be cool to see, but I think it is better as a plugin/UX component.

[tobiu]

hi jack,

thx for your reply. somehow you are right, if you build a web-portal, most of "normal" users would not even recognice the feature and it is quite much work to build it.

when building systems like CMS, this might look different.

it would add functionality like in eclipse or visual studio (have not worked with newer versions though).

i will try starting the ux, but this will take some time, since i have to work on my main project first. maybe in 3-4 weeks from now.

[tobiu]

the (little) start of this project with de- and retaching is online:

http://extjs.com/forum/showthread.php?p=55763


kind regards and hoping for help, tobiu

[abhishek611plus]

hello friend,
is it possible to hv drag drop functionality in TABPANEL... ???????????

[tobiu]

hi abhishek611plus,

this topic is quite old and my first attempt was using ext 1.x.
since i am working with 2.x and have different priorities at the moment, i did not continue to work on this.

if you are using ext 2.x too, you might take a look on this topic:
http://extjs.com/forum/showthread.php?t=32485

it is a ux allowing to sort tabs via dd and to de- and attach tabs of tabpanels.


kind regards, tobiu