{"id":1332,"date":"2014-07-15T21:36:05","date_gmt":"2014-07-15T19:36:05","guid":{"rendered":"http:\/\/www.jensd.de\/wordpress\/?p=1332"},"modified":"2015-02-06T20:52:46","modified_gmt":"2015-02-06T19:52:46","slug":"tabpanedetacher-make-your-tabs-detachable","status":"publish","type":"post","link":"https:\/\/www.jensd.de\/wordpress\/?p=1332","title":{"rendered":"TabPaneDetacher: Make your tabs detachable"},"content":{"rendered":"

I though it would be cool to detach e.g. the pane to publish messages in MQTT.fx if needed by just dragging the tab and dropping it at the wanted position to open its content as a dedicated new window. <\/p>\n

\"drag<\/a><\/p>\n

The TabPaneDetacher<\/strong><\/code> provides an easy to use way to enable the detach capability of with any JavaFX TabPane instance just by calling:<\/p>\n

[java]
\npublic class TabPaneDetacherDemoController {<\/p>\n

@FXML
\n private TabPane demoTabPane;<\/p>\n

@FXML
\n public void initialize() {
\n TabPaneDetacher.create().makeTabsDetachable(demoTabPane);
\n } <\/p>\n

}
\n[\/java] <\/p>\n

The tab is removed from the tab pane and a new window is created containing the content of the tab, the window title is set to the tab name value. On closing that window the tab is restored at the original position: <\/p>\n