Dockable Container

Warning

This branch is only usable with Godot 4.X. For Godot 3.X support, check out the godot-3 branch.

Docking/tiling UI panels Container addon for Godot.

It is composed of a Container script and layout Resources in a binary tree structure that store panels division direction and size as well as tab names and what tab index is currently selected. As layout information are Resources, it's easy to save/load them.

Child Controls are only moved visually and have their NodePaths and position in parent maintained.

Available at the Asset Library.

Live preview a sample scene here.

Plugin

Enable Dockable Container plugin at Project -> Project Settings -> Plugin to edit the layout directly in the inspector! It also registers the DockableContainer node type.

Theming

Panels are actual TabContainer instances, split handles use VSplitContainer and HSplitContainer theme configurations, drop preview uses TooltipPanel/panel StyleBox. Tabs alignment and rearrange group are exported in DockableContainer.

TODO

• Add way to specify icon and custom name for tabs, based on a property or method on children
• Document better how to use

Credits

Node icon made by Nif-kun. Licensed under CC0.