143 captures
03 Feb 2015 - 13 Nov 2025
Jul AUG Sep
09
2019 2020 2021
success
fail

About this capture

COLLECTED BY

Collection: Common Crawl

Web crawl data from Common Crawl.
TIMESTAMPS

The Wayback Machine - http://web.archive.org/web/20200809014554/https://dragablz.net/
 
 



Home
About

 

Recent Posts



Happy 2nd Birthday to Material Design In XAML  

UX Crimes Against Browser Notifications  

Introducing doobry for Azure DocumentDb  

Material Design in XAML v2.1  

SemVer, MVP and finally, Material Design In XAML 2.0.  

Categories



.Net

Azure

C#

coding

Design

development

DocumentDb

MahApps

Material Design

react.js

Roslyn

RX

threading

UI

Uncategorized

UWP

UX

visual studio

WinApi

WPF

xaml
 
 

 

Dragable, tearable, dockable WPF TabControl. Open source to boot.

 


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


Source code can be found on GitHub here: http://github.com/ButchersBoy/Dragablz

NuGet package cound be found here: http://www.nuget.org/packages/Dragablz/

To get started see here: Getting Started With Dragablz

Demo project in the GitHub solution

.net 4.0 & .net 4.5 builds included in the NuGet package

Supports MVVM

Fully themeable (supports Material Design in XAML Toolkit and MahApps)

Ping the developer on twitter! @james_willock


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>

Click here to lend your support to: Material Design In XAML Toolkit/Dragablz and make a donation at pledgie.com !
Classic Trapezoid Tabs:
Chrome style tabs, with IE style transparency. Plays well with Windows Snap.

 Simple, User Friendly Layout System:

Combining the TabablzControl with the Dockablz.Layout control to get docking which is quick and easy for the user.
" data-medium-file="http://web.archive.org/web/20200809014554/https://dragablz.files.wordpress.com/2014/11/dockablzone1.gif?w=300" data-large-file="http://web.archive.org/web/20200809014554/https://dragablz.files.wordpress.com/2014/11/dockablzone1.gif?w=537" class="wp-image-49 aligncenter" src="http://web.archive.org/web/20200809014554im_/https://dragablz.files.wordpress.com/2014/11/dockablzone1.gif?w=336&h=259" alt="Easy Docking With Dockablz" width="336" height="259"/>User friendly docking.


 

Share this:



 

125 thoughts on Dragablz  Tearable TabControl for WPF 




xxchan says: 




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!
 

Reply
 


ItsALittleBitFunny says: 




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

Reply
 


Le Thi Hoang Oanh says: 




Im using it for a WPF demonstration and really appreciate your work. However I need a tab control like TabStrip in WinForms. Can you point me to the correct direction?
 

Reply
 

Comment navigation



Older Comments



Leave a Reply 

Fill in your details below or click an icon to log in:

  • WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out /  Change )

    Google photo

    You are commenting using your Google account. Log Out /  Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out /  Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out /  Change )

    Cancel

    Connecting to %s




    Blog at WordPress.com.  




    Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
    To find out more, including how to control cookies, see here: Cookie Policy