/Dragablz

Dragable and tearable tab control for WPF

Primary LanguageC#Microsoft Public LicenseMS-PL

Dragablz

Gitter Downloads Build Issues Twitter

Tearable tab control for WPF, which includes docking, tool windows and MDI.

Alt text

Illustrates basic theme, more themes at end of page

Minimal XAML:

XAML as simple as this will give you a tab the tears out (using the basic theme).

<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>

Features:

  • Drag and tear tabs
  • User friendly docking
  • Floating tool windows & MDI
  • Supports MVVM
  • IE style transparent Windows
  • Fully style-able, included styles:
  • Chrome style trapzoid tabs
  • Custom (and optional) Window which supports transparency, resizing, snapping, full Window content.
  • Miminal XAML required, but hooks provided for advanced control from client code
  • Single light weight assembly targeting .net 4.* frameworks, no additional dependencies
  • Demos in source (make sure you restore NuGet packages)

Getting Started:

Here are some helpful blog posts to help you get started:

In the pipeline:

  • Layout persistance and restore
  • Extra themes

Some examples:

Material Design theme (see Material Design in XML Toolkit):

Alt text

Docking:

Alt text

MDI:

Alt text

MahApps theme:

Alt text