Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Jérémy VIGNELLES
    @jeremyVignelles
    (Parce que le développeur principal n'est plus actif depuis plusieurs années à ce que je sais...)
    Dan Bourquin
    @bourquin.dan_gitlab
    Okay thank you for these informations =)
    Schachfigur
    @Schachfigur

    Hey, may a simple Question but i've tried all examples and dont get it...
    I Want to override the "ItemContainerStyle" (I think its the right property), because i want to change the tab header highlight. But i dont get it work...
    In my Application.xaml (vb.net project)

                <Style x:Key="DragItemContainerStyle" TargetType="{x:Type dragablz:DragablzItem}">
                    <!-- the changes are just to see if the style is applied, but i dont seem so -->
                    <Setter Property="FocusVisualStyle" Value="{StaticResource MaterialDesignFocusVisual}"/>
                    <Setter Property="Foreground" Value="{DynamicResource PrimaryHueMidForegroundBrush}"/>
                    <Setter Property="Background" Value="Red"/>
                    <Setter Property="BorderBrush" Value="Red"/>
                    <Setter Property="themes:MaterialDesignAssist.IndicatorBrush" Value="Red" />
                    <Setter Property="Margin" Value="0 0 0 0"/>
                    <Setter Property="Padding" Value="8"/>
                    <Setter Property="MinWidth" Value="80" />
                    <Setter Property="Height" Value="40" />
                    <Setter Property="HorizontalContentAlignment" Value="Center"/>
                    <Setter Property="VerticalContentAlignment" Value="Center"/>
                    <Setter Property="TextBlock.FontWeight" Value="Medium" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type dragablz:DragablzItem}">
                                <!-- 1:1 from Dragablz Source copied -->
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
    
                <Style TargetType="{x:Type dragablz:TabablzControl}"
                       BasedOn="{StaticResource MaterialDesignTabablzControlStyle}" >
                    <Setter Property="ItemContainerStyle" Value="{StaticResource DragItemContainerStyle}" />
                </Style>

    The Material Design Dragablz Style is applied, but not my ItemContainerStyle. Do I Need to overwrite the complete template of the TabablzControl to set the itemContainer Style there? (It seems possible, but it would be a big block of copy-paste just for changing one singe line)...

    MayrMichael
    @MayrMichael
    Hey, how should i implement your tab control when i want creat the tabs during runtime from a viewmodel? I tryed it with a viemodel, this was binded to the itemsscourc from the tab control, but when i drag the window out the tabs where on both.
    Daniel Klecha
    @danielklecha
    @MayrMichael Did you used ObservableCollection<T> in VM? If you tear out tab then it should be removed from original list and added to new window.
    You can check my demo but it require caliburn micro so it's more complex solution.
    Hasan Javaid
    @mhasanj
    Hi.
    Is it possible to hide close button on specific tab item.
    Hasan Javaid
    @mhasanj
    anyone help me ?
    2 replies
    Daniel Klecha
    @danielklecha

    @mhasanj Hi. Please check the demo app.
    There is information about custom header here.
    So you can add custom button with command from dragablz.
    This button can be hidden using visibility property so you must add binding to model property.

    Second option is to ignore default mechanism, use caliburn micro and add a button which will call method from VM and pass item as parameter. This allow you to remove item from observable collection.
    Anyway, you must hide this button using visibility property too.

    Shreyasj96
    @Shreyasj96
    Hi guys, Does anyone how to get the close command for dragablz tab. I want to check some conditions before closing the tab but the showdefaultclosebutton is directly closing the tab.
    Jérémy VIGNELLES
    @jeremyVignelles
    @Shreyasj96 : Create your own close button, with the info daniel gave just above ?
    Shreyasj96
    @Shreyasj96
    @jeremyVignelles But it uses a usercontrol, is there an alternate way to define in window.xaml itself
    Jérémy VIGNELLES
    @jeremyVignelles
    I'd argue it's a best practice to have a UserControl. It might be doable without, but I didn't take time to think much about it
    Shreyasj96
    @Shreyasj96
    @jeremyVignelles Ok, let me try that approach. Thanks
    Hasan Javaid
    @mhasanj
    @danielklecha Hi. Is it possible without Command and MVVM.
    Is it possbile to capture close button event ?
    Shreyasj96
    @Shreyasj96
    Hi. Is there a way to increase the tabitem width. I'm creating the tabs dynamically and setting the tabitem content in code. For some reason the width of the tabitem is not changing even if i define it.
    2 replies
    @mhasanj If you are using the custom header, then it should be easy as instead of binding the command property of the close button, you can directly handle it using click event in code behind.
    Shreyasj96
    @Shreyasj96
    @angshuman-agarwal Thanks for the help.
    ZeZerT
    @ZeZerT

    Hi ! I would like to get helped on customizing dragablz:TabablzControl 's headers
    What i would like to change : Remove the borders, change the default background & foreground colors, when selected and when not selected.

    I have tried a lot of things but i can't get to where i want. The following example only seemed to modify the header's inner textbox without changing the overall header.

                <dragablz:TabablzControl.HeaderItemTemplate>
                    <DataTemplate>
                        <Grid Background="Red">
                            <TextBlock Text="Interface --"/>
                        </Grid>
                    </DataTemplate>
                </dragablz:TabablzControl.HeaderItemTemplate>
    image.png
    idealy my goal is this
    image.png
    ZeZerT
    @ZeZerT
    Can anyone guide me on this ? please :)
    Jérémy VIGNELLES
    @jeremyVignelles
    Maybe override the whole template and not just the HeaderItemTemplate ?
    It's been a while (2 years or so) since I last used this library to be honnest
    ZeZerT
    @ZeZerT
    I was hoping i wouldn't have to go this deep, mainly because i'm not sure how i should do it
    Jérémy VIGNELLES
    @jeremyVignelles
    start by looking at the source code
    understanding how it's implemented is the best way to understand how you could customize it
    ZeZerT
    @ZeZerT
    thanks, i'll start this way then
    the question is still open :)
    ZeZerT
    @ZeZerT
    since i'm running out of time i went for a dirty solution : negative margins
    <dragablz:TabablzControl.HeaderItemTemplate>
        <DataTemplate>
            <Grid Background="{StaticResource gray}" Margin="-7,-3,-6,-2" Width="90" >
                <TextBlock Text="Interface x" Foreground="White" HorizontalAlignment="Center" Margin="3"/>
            </Grid>
        </DataTemplate>
    </dragablz:TabablzControl.HeaderItemTemplate>
    image.png
    it is dirty and i don't like it but it works, i'll play with triggers on isSelected and mouseHover
    ZeZerT
    @ZeZerT
    Hello, i have a new issue : when i drag a tab out to create a new window, it creates several instances with each the full collection of tabs
    Example : Main window has tabs A, B, C, D, E
    I drag out C
    It creates 2 windows (for a total of 3 windows) : original one with A, B D, E, and 2 copies with the full range A, B, C, D, E
    what am i missing ?
            <dragablz:TabablzControl ItemsSource="{Binding Path=Interfaces}">
                <dragablz:TabablzControl.InterTabController>
                    <dragablz:InterTabController />
                </dragablz:TabablzControl.InterTabController>
    
                <dragablz:TabablzControl.HeaderItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}"/>
                    </DataTemplate>
                </dragablz:TabablzControl.HeaderItemTemplate>
    
                <dragablz:TabablzControl.ContentTemplate>
                    <DataTemplate>
                        <ContentControl>
                            <local:CustomControl/>
                        </ContentControl>
                    </DataTemplate>
                </dragablz:TabablzControl.ContentTemplate>
            </dragablz:TabablzControl>
    ZeZerT
    @ZeZerT
    expected result would be :
    Main window has tabs A, B, C, D, E
    I drag out C
    it creates 1 window (for a total of 2 windows) : original one with A, B, D, E and a copy with only C
    stany9g
    @stany9g

    Hello guys,

    I am having an issue with a BranchTemplate of dockablz:Layout I am able to set the InterTabClient when tearing the Tab but after that when I dock it back it has a DefaultInterLayoutClient so the next tearing of this Tab will result in default behavior. Could you please help me with this issue?
    From what I understand this does not also work in Demo, because binding from DataTemplate does not work. ButchersBoy/Dragablz#220

    Thank you,

    Stany.

    Steve Russell
    @sarsw
    image.png
    image.png
    Hi guys. Content drawing issue! Tab content is not displayed, only the text Dragablz.HeaderedItemViewModel when I use my UserControl in a Telerik RadPane. If I use my UserControl elsewhere in my UI the content in the tabs is displayed correctly. My UI has a layout that can be designed by my users by dragging UserControl components onto a canvas. The tab item is just one of the components that can be displayed and the contents of its tabs are then also configurable. My UI contains one main tab group of user defined content. If that content includes a tabs item it is displayed ok in the main UI, but when this page is displayed in a RadPane, all items apart from the tab item are displayed correctly. Thoughts appreciated. Thanks, Steve
    Kynastone
    @Kynastone
    @ButchersBoy what is the meaning to use a partition with a guid number ? why do we use / need it ?
    Kynastone
    @Kynastone
    @stany9g any fix ?
    KHALED LAKEHAL
    @KHALED-LAKEHAL
    Hello how show arrow icon when menu item have children
    Barış Pınar
    @barispinara
    hello, I binded to TabItem list to ClosingItemCallBack function but closed tab are not restoring. How should I fix it
    cod3rshotout
    @cod3rshotout

    @ButchersBoy How can I switch to light or Dark? I tried with:

    ControlzEx.Theming.ThemeManager.Current.ChangeThemeBaseColor(
    System.Windows.Application.Current,
    value ? ControlzEx.Theming.ThemeManager.BaseColorDark : ControlzEx.Theming.ThemeManager.BaseColorLight
    );

    but is not working

    Kynastone
    @Kynastone
    @cod3rshotout ask in materialdesign chat, this one is dead