I always learn and study myself with software guides , yeah they have to leave it for supporting forever but at least they can create a reference guide not a confusing help with "just how to set it up" and some explaining ! it's not a good way to create a demo , publish it and say users , SEE HOW DEMO WORKS ! :|
they swap just fine, but I have a hard time telling which one is selected without that indicator being shown
Hi!!! i have a question: my application start with a window..when i check the "IsDirty" pattern, i want to raise a modal that show you a warning message. But when i close the modal, all the application closes. I want to bind close action to a custom command with parameter..but i can't handle the modal closing..
I can get all the TabZControl Items, but not sure how to determine which one was selected to close
tried following you examples of a custom template header but am lost
so, expanding on an example where ItemsSource is bound to a observablecollection. when i add items to the collection tabs appear as they should but no controls in the tab are displayed until the tab is focused. things work fine if the tabs are all created at startup. If i do something hacky like rebuild the collection every time a tab is added and step on the original collection that "seems" to work better. any ideas?
@LoyalServant what are you adding to your collection, a ViewModel, or a control?
@ButchersBoy sorry for the late reply.. very late. Adding to a collection. I have done this in app.xaml: <Setter Property="SelectedItem" Value="{Binding ActiveTab}"/> and it "works" but I can't work out how to bind properties like SelectedItem or ShowDefaultCloseButton to the collection like the HeaderItemTemplate or the ContentTemplate are. In the case of the ShowDefaultCloseButton is all or nothing where I would like to be able to control individual tabs. I am using the same code you have @ https://github.com/ButchersBoy/DragablzSamplez/blob/master/DragablzWindowApp/App.xaml
Hi, I see a lot of people asking for the ability to save/restore the layouts. I also find myself in that situation, and I'd like to contribute on that (no promises though). Does anyone think of anything that I must be careful about (potential issues, mandatory feature...)
I would appreciate it If someone could point to a fix or workaround
No workarounds. Just have to scroll through XAML manually
Hi! Can anyone explain me why MaterialDesign version has fixed 100 px width on TabItem? https://i.imgur.com/9oEsVFA.png
But not skinned one works OK? https://i.imgur.com/clAlEPn.png
I tried looking into XAML, but I can't find element which causes this. Anyone had similar problem in past?
https://i.imgur.com/gZmfFOH.png Looks like DragablzItem has MinWidth 80, but I cant remove it through Custom Styling... Any tips?
@ButchersBoy
Hello James,
i use TabablzControl in a application with a MahApps MetroWindow. Now i want combine the transparent window feature (when i drag a tab to another window) from dragablz.Window with the style from MetroWindow.
For this i create a new window class that inherit from MetroWindow and add your code for "IsBeingDraggedByTab" Property and drag events. I also create adjusted styles and control templates for the new Window class.
It works great...When I drag a tab to another window, the border and titlebar is transparent like dragablz.Window. Now Problem... When I maximize the window (over button or double click), the content doesn't update, means the tabcontrol inside stay on his former size and doesn't react. I get big border on buttom and right side.
When i resize the window with the mouse on the corners it works fine. Do you have an idea, what is the problem? Thanks in advances!
Image from Window...https://imgur.com/a/Gat96gN
Hello James,
i use TabablzControl in a application with a MahApps MetroWindow. Now i want combine the transparent window feature (when i drag a tab to another window) from dragablz.Window with the style from MetroWindow.
For this i create a new window class that inherit from MetroWindow and add your code for "IsBeingDraggedByTab" Property and drag events. I also create adjusted styles and control templates for the new Window class.
It works great...When I drag a tab to another window, the border and titlebar is transparent like dragablz.Window. Now Problem... When I maximize the window (over button or double click), the content doesn't update, means the tabcontrol inside stay on his former size and doesn't react. I get big border on buttom and right side.
When i resize the window with the mouse on the corners it works fine. Do you have an idea, what is the problem? Thanks in advances!
Image from Window...https://imgur.com/a/Gat96gN
Hello Coders,
For example I have 2 different ViewModel class like VM1, VM2 and I have two different UserControl based View class like V1 and V2. V1's job is to display data of VM1 and V2 will display datas of VM1. I'd like to put the V1 and V2 into different Dragablz Tab.
in *.CS:
Tabs.Add(new Dragablz.HeaderedItemViewModel()
{
Header = "Tab1",
Content = new ViewModel1()
});
Tabs.Add(new Dragablz.HeaderedItemViewModel()
{
Header = "Tab2",
Content = new ViewModel2()
});
in *.xaml:
<dockablz:Layout>
<dragablz:TabablzControl
x:Name="tabControl"
ItemsSource="{Binding Tabs}"
Margin="8"
UseLayoutRounding="True"
ShowDefaultAddButton="False"
ShowDefaultCloseButton="True"
ClosingItemCallback="{Binding ClosingTabItemHandler}"
HeaderMemberPath="Header"
DisplayMemberPath="Content"
>
<dragablz:TabablzControl.InterTabController>
<dragablz:InterTabController ></dragablz:InterTabController>
</dragablz:TabablzControl.InterTabController>
</dragablz:TabablzControl>
</dockablz:Layout>How could I bind together the corresponding ViewModels and Views on the tabs? (On "Tab1" should display a View1 which is binded to Tab1's Content (a ViewModel1 object)
I think TabablzControl's ContentTemplate not going to work because I have different View types and different ViewModel types.
Every example on the Internet (what I did found) was "Hello world" level, or hard coded in XAML with "TabItem" tags
something like
IViewModel that would be implemented by both?
or you can pass them both as "objects"
but you will need to override somthing to create your view, I don't remember what, but I'm pretty sure there's something to create the tab items the way you want
Content is Object so it does not count that VM1 or VM2 has a common IViewModel interface or not
(note:this is Dragablz code):
#region Assembly Dragablz, Version=0.0.3.203, Culture=neutral, PublicKeyToken=null
#endregion
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace Dragablz
{
//
// Summary:
// Helper class to create view models, particularly for tool/MDI windows.
public class HeaderedItemViewModel : INotifyPropertyChanged
{
public HeaderedItemViewModel();
public HeaderedItemViewModel(object header, object content, bool isSelected = false);
public object Header { get; set; }
public object Content { get; set; }
public bool IsSelected { get; set; }
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null);
}
}So the question is, how could I tell to TabablzControl that use View1 class if the Content is ViewModel1?
If so, I guess that you can use a DataTemplateSelector to create your views