ButchersBoy/Dragablz

Dragable and tearable tab control for WPF

Abdullah Farooq

@sunnygb

but heres my problem

my viewmodel is showing right into dragable tabs :(

Heres my code

  <dragablz:TabablzControl ItemsSource="{Binding ViewModels}"
                                 ShowDefaultCloseButton="True"
                                 SelectedItem="{Binding SelectedViewModel, Mode=TwoWay}"
                                 Height="535">
            <dragablz:TabablzControl.InterTabController>
                <dragablz:InterTabController />
            </dragablz:TabablzControl.InterTabController>

        </dragablz:TabablzControl>

Abdullah Farooq

@sunnygb

Any help would be appriciated :)

James Willock

@ButchersBoy

Hi, I'm afraid I'm away from home with no laptop... If you haven't got anywhere next week post again I will try to help

Abdullah Farooq

@sunnygb

Thanks @ButchersBoy It got resolved just have to do.. this

   <dragablz:TabablzControl.HeaderItemTemplate >
               <DataTemplate >

                    <TextBlock Text="{Binding ViewModelName}"
                              ></TextBlock>

            </DataTemplate>
    </dragablz:TabablzControl.HeaderItemTemplate>

James Willock

@ButchersBoy

Good good

Benjamin De Clercq

@benjamindeclercq

Hi! Is it possible to decouple the tabs and their content and load the content in a region instead? I want to show the content of the tabs in my "MainRegion" (see picture above, where "Test Here goes your real content" is now is my "MainRegion", that's where I want to show the tabcontent)

Benjamin De Clercq

@benjamindeclercq

Or is there a possibility to add the "hamburger" button in before the tabs?

James Willock

@ButchersBoy

HeaderPrefixContent?

Benjamin De Clercq

@benjamindeclercq

Ah yess, thank you!

maciz84

@maciz84

Hi Guys,
Where can I find the MaterialDesignAlternateTabablzControlStyle style. I would like to change some design elements in the tab headers such as removing the shadow and thickness of the selected tab item?

I would like to look like this

Currently the tab header is using the MaterialDesignPaper colour but I would like it totally white. Previously I meant not removing the thicknes but making it bigger. Well all I need is the template if anyone knows where it is? Thanks again in advance

maciz84

@maciz84

Never mind I found it

BaderAlmudarra

@BaderAlmudarra

@maciz84 can you please let me know how were you able to remove the shadow as in the second screenshot?

Ian Wall

@ianwall

I'd like to prevent tabs being dragged to a new window, but till allow them to be dragged to top/bottom/left/right.I think what I need to do is trap when the drop finishes, and if it's a window, close the window. AM I on the right track?

James Willock

@ButchersBoy

So you want docking... But only on a single window?

Ian Wall

@ianwall

Yes - that's right - contrary I know.

James Willock

@ButchersBoy

Yes... Tbh I can't see that being a good UX...

Ian Wall

@ianwall

The use case is to arrange a set of tabs in a configuration step, then leave fixed - i.e. normal 'user' can't change.

James Willock

@ButchersBoy

Like an admin user?

Ian Wall

@ianwall

Yes - this is for a UI for a machine operator. Gets configured by 'admin' and then used by operator.

James Willock

@ButchersBoy

Ok... So imagine even for admin, dropping Windows which disappear would be pretty horrible.... How about normal behaviour, but you don't let the layout be saved until it is all in a single window?

Ian Wall

@ianwall

Yeah - that's a possibility. I'll give it some thought.

James Willock

@ButchersBoy

It's similar to the idea of a text box that only lets you put in certain characters. I always think it's better to let the user do what they want, and say, "hey, fix this". So a user might want to cut n paste into a text box and then edit the text, but you've blocked that cos you're trying to force them to a specific pattern. If you get my drift.

Ian Wall

@ianwall

Fair enough - if I do that, my 'hey, fix this' will likely be a message in the new window. If so, I'll need to know its a new window rather than a tab on the original window. Is there an easy way for me to detect that?

James Willock

@ButchersBoy

You can implement your own IInterTabClient, and create your window, do at that point you'd configure your secondary window

Matteo

@matteoPhre

Hi guys, i wanna ask you something..i have got so many problems with dragablz:TabablzControl style

i want to set custom background and foreground

but i can't...(noob time)

amoamare

@amoamare

@ButchersBoy, any plans to support other 3rd party tools (Telerik RadWindow, Devexpress etc)

James Willock

@ButchersBoy

@amoamare for Dragablz or Material Design? But no, not really, I haven't got the capacity.

fsdjfojdo

@fsdjfojdo

hello is possible change the color of <dragablz:TabablzControl in line? Actually it take the default color via app.xaml but if I want change into a specific color only for this tabcontrol?

@ButchersBoy

fsdjfojdo

@fsdjfojdo

also is possible add an animation like mahapp when I click on another tabitem?

James Willock

@ButchersBoy

.... Well.... You can do almost anything... With styling...

fsdjfojdo

@fsdjfojdo

@ButchersBoy so no animation?

James Willock

@ButchersBoy

There's no animations "out of the box"

fsdjfojdo

@fsdjfojdo

is possible in some way inherit the animation of mahapp?

James Willock

@ButchersBoy

To be honest I haven't looked at the MahApps tab for a while.

Matteo

@matteoPhre

hi @ButchersBoy !! i want to ask you one thing: if i want to add a togglebutton in my tabcontrol, how can i avoid the ellipsis effect when isMouseOver = true??

Matteo

@matteoPhre

i'd like that my toggle doesn't work like a tabItem

Danielmdmu

@Danielmdmu

Is there a way how i can change the size(height) of the tabpanel directly? I know I can set the height of an Dragablzitem

Where communities thrive

People

Repo info

Activity