Dragablz – Tearable TabControl for WPF

Welcome to Dragablz. Dragablz is an open source Chrome style draggable & tearable tab for WPF.  Dragablz also makes user friendly docking and tool windows achievable very quickly.

Shown here using the Material Design in XAML Toolkit Theme:

Dragablz Material Design MahApps Mashup
Dragablz Material Design MahApps Mashup

Simple XAML:

<dragablz:TabablzControl Margin="8">
<dragablz:TabablzControl.InterTabController>
<dragablz:InterTabController />
</dragablz:TabablzControl.InterTabController>
<TabItem Header="Tab No. 1" IsSelected="True">
<TextBlock>Hello World</TextBlock>
</TabItem>
<TabItem Header="Tab No. 2">
<TextBlock>We Have Tearable Tabs!</TextBlock>
</TabItem>
</dragablz:TabablzControl>



Classic Trapezoid Tabs:

Chrome style tabs, with IE style transparency. Plays well with Windows Snap.

 Simple, User Friendly Layout System:

Easy Docking With DockablzUser friendly docking.

125 thoughts on “Dragablz – Tearable TabControl for WPF

  1. Actually sorry, HeaderSuffixContent is disappearing when you tear the tab second time! I think it is because GetNewHost is not called 2nd time, does it cache the new client for each tab? If so, is there a way to handle some sort of TabTeared event or something? Or maybe I can insert this HeaderSuffixContent somewhere else, so it gets copied along with the tab?

    Thank you!

  2. Hi James,

    I use code to build the layout by using Layout.Branch(…)

    Do you know how I can clear the layout by code?

    I need to do it, because I want the rebuild it

    Thank you master..

Leave a reply to Dave Cancel reply