MaterialModernGUI/MaterialModernWPF/Shell.xaml

<Window x:Class="MaterialModernWPF.Shell"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:dragablz="http://dragablz.net/winfx/xaml/dragablz"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:materialModernWpf="clr-namespace:MaterialModernWPF"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:modern="http://modernwpf"
        xmlns:prism="http://prismlibrary.com/"
        x:Name="Window"
        Title="NiftyTool NG"
        Width="920"
        Height="600"
        modern:UIHooks.AutoDpiScale="True"
        Background="{DynamicResource MaterialDesignPaper}"
        FontFamily="pack://application:,,,/MaterialDesignThemes.Wpf;component/Resources/Roboto/#Roboto"
        Icon="airballoon.ico"
        ResizeMode="CanResizeWithGrip"
        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
        mc:Ignorable="d">
    <modern:Chrome.Chrome>
        <modern:Chrome ActiveBorderBrush="{StaticResource PrimaryHueDarkBrush}" />
    </modern:Chrome.Chrome>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <modern:TitleBar Grid.Row="0"
                         Background="{StaticResource PrimaryHueDarkBrush}"
                         ShowTitle="False" />
        <materialDesign:DialogHost Grid.Row="1" Identifier="RootDialog">
            <materialDesign:DialogHost.DialogContent>
                <materialModernWpf:InfoDialog />
            </materialDesign:DialogHost.DialogContent>
            <materialDesign:DrawerHost IsLeftDrawerOpen="{Binding ElementName=MenuToggleButton, Path=IsChecked}">
                <materialDesign:DrawerHost.LeftDrawerContent>
                    <DockPanel MinWidth="212">
                        <ToggleButton Margin="12"
                                      HorizontalAlignment="Right"
                                      DockPanel.Dock="Top"
                                      IsChecked="{Binding ElementName=MenuToggleButton,
                                                          Path=IsChecked,
                                                          Mode=TwoWay}"
                                      Style="{StaticResource MaterialDesignHamburgerToggleButton}" />
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition />
                                <RowDefinition Height="Auto" />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0"
                                       Margin="5"
                                       Text="Favorites" />
                            <ListBox Grid.Row="1">
                                <TextBlock Text="WIND020214" />
                                <TextBlock Text="WIND020248" />
                                <TextBlock Text="SRV-LSIMCTRL01" />
                            </ListBox>
                            <TextBlock Grid.Row="2"
                                       Margin="5"
                                       Text="History" />
                            <ListBox Grid.Row="3">
                                <TextBlock Text="WIND020214" />
                                <TextBlock Text="WIND020248" />
                                <TextBlock Text="SRV-LSIMCTRL01" />
                            </ListBox>
                        </Grid>
                    </DockPanel>
                </materialDesign:DrawerHost.LeftDrawerContent>
                <DockPanel>
                    <materialDesign:ColorZone materialDesign:ShadowAssist.ShadowDepth="Depth2"
                                              DockPanel.Dock="Top"
                                              Mode="PrimaryMid"
                                              Padding="2">
                        <DockPanel>
                            <ToggleButton x:Name="MenuToggleButton"
                                          IsChecked="False"
                                          Style="{StaticResource MaterialDesignHamburgerToggleButton}" />
                            <StackPanel DockPanel.Dock="Right" Orientation="Horizontal">
                                <Button materialDesign:ShadowAssist.ShadowDepth="Depth0" Style="{StaticResource MaterialDesignFloatingActionButton}">
                                    <materialDesign:PackIcon Width="32"
                                                             Height="32"
                                                             Kind="CubeOutline" />
                                </Button>
                                <Button materialDesign:ShadowAssist.ShadowDepth="Depth0" Style="{StaticResource MaterialDesignFloatingActionButton}">
                                    <materialDesign:PackIcon Width="32"
                                                             Height="32"
                                                             Kind="Clippy" />
                                </Button>
                                <materialDesign:PopupBox PlacementMode="BottomAndAlignRightEdges" StaysOpen="False">
                                    <StackPanel>
                                        <Button Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}" Content="Einstellungen" />
                                        <Button Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}" Content="Info" />
                                    </StackPanel>
                                </materialDesign:PopupBox>
                            </StackPanel>
                            <TextBlock Margin="10,0,0,0"
                                       HorizontalAlignment="Left"
                                       VerticalAlignment="Center"
                                       FontSize="22"
                                       Text="{Binding Title,
                                                      ElementName=Window}" />
                        </DockPanel>
                    </materialDesign:ColorZone>
                    <dragablz:TabablzControl>
                        <dragablz:TabablzControl.InterTabController>
                            <dragablz:InterTabController />
                        </dragablz:TabablzControl.InterTabController>
                        <TabItem Header="Tab No. 1" IsSelected="True">
                            <TextBlock Margin="12"
                                       FontSize="24"
                                       Foreground="{StaticResource MaterialDesignDarkForeground}">
                                Hello World
                            </TextBlock>
                        </TabItem>
                        <TabItem Header="Tab No. 2">
                            <TextBlock Margin="12"
                                       FontSize="24"
                                       Foreground="{StaticResource MaterialDesignDarkForeground}">
                                We Have Tearable Tabs!
                            </TextBlock>
                        </TabItem>
                    </dragablz:TabablzControl>
                </DockPanel>
            </materialDesign:DrawerHost>
        </materialDesign:DialogHost>
    </Grid>
</Window>