drag and drop tab buttons
You can drag a tab button in a tabnavigator and drop it on another panel. The red rectangle shows the position and size of the panel that will be created.
You can also drop it into the tab bar of another tabnavigator, or drop it into its original tab bar to change the order of the tabs.

|
drag and drop panels
You can drag the title bar of a panel and drop it to another position.
You can also drop it into the tab bar of another tabnavigator, by doing this, you can put every tab-child in the panel to another tabnavigator.

|
multi-depth dock
The drop accepter will search its parent (or parent of parent, etc..) to find a suitable place to put the panel. The closer the drop point is to the border, the deeper it will search.



|
float panels
Drop the tab button or the panel at some empty place will convert it to a float panel.
A float panel can be moved by dragging its title bar, or resized by dragging its bottom right corner. Dragging the title bar of a float panel won't provide any dockable function. But dragging the tab button in the float panel still works.

|
close child
If the selected child of the tabnavigator is closable, the close button will appear. And you can use this button to close the child.

|
group
Each tabnavigator has an ID. If two tabnavigator have different ID, their children can not be drag and drop into each other. The default ID is "".

|
auto remove useless components
If a tabnavigator has no child, it will remove itself. Thus, its parent panel will also be removed.
And if there is only one child after removing a child in a DockableDividedBox, The DockableDividedBox itself will be removed, and its child will be add to its parent.
|