prs/prs.desktop/Panels/Employees/EmployeePanel.xaml

<UserControl x:Class="PRSDesktop.EmployeePanel"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:PRSDesktop"
             xmlns:dynamicGrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.Wpf"
             xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d"
             d:DesignHeight="800" d:DesignWidth="1100">

    <Grid>
        <dynamicGrid:DynamicSplitPanel x:Name="SplitPanel" View="Combined" Anchor="Detail" AnchorWidth="400" MasterCaption="Employee List"
                                       DetailCaption="Employee Details" OnChanged="SplitPanel_OnChanged">
            
            <dynamicGrid:DynamicSplitPanel.Header>
                <Border BorderBrush="Gray" BorderThickness="0.75">
                    <Label Content="Employee Details" HorizontalContentAlignment="Center"/>
                </Border>
            </dynamicGrid:DynamicSplitPanel.Header>
            
            <dynamicGrid:DynamicSplitPanel.Master>
                <local:EmployeeGrid x:Name="Employees" OnSelectItem="Employees_OnOnSelectItem"/>
            </dynamicGrid:DynamicSplitPanel.Master>
            
            <dynamicGrid:DynamicSplitPanel.Detail>
                
                <dynamicGrid:DynamicTabControl>
                    
                    <dynamicGrid:DynamicTabItem x:Name="InfoTab" Header="General">
                        
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="300" x:Name="RosterGridRow"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                                <!-- <RowDefinition Height="300"/> -->
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            
                            <Border Grid.Row="0" BorderThickness="0.75" BorderBrush="DimGray" Background="Gainsboro">
                                <Label Content="Rosters"  HorizontalContentAlignment="Center"/>
                            </Border>
                            
                            <local:EmployeeRosterDisplayGrid x:Name="Rosters" Grid.Row="1" OnChanged="Rosters_OnOnChanged" SizeChanged="Rosters_OnSizeChanged" Margin="0,2,0,0"/>
                            
                            <syncfusion:SfGridSplitter Grid.Row="2" Grid.Column="0"
                                                       ResizeBehavior="PreviousAndNext" Height="4" HorizontalAlignment="Stretch"
                                                       Background="Transparent" Template="{StaticResource HorizontalSplitter}">

                                <syncfusion:SfGridSplitter.PreviewStyle>
                                    <Style TargetType="Control">
                                        <Setter Property="Background" Value="Gray" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="Control">
                                                    <Grid x:Name="Root" Opacity="0.5">
                                                        <Rectangle Fill="{TemplateBinding Background}" />
                                                    </Grid>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </syncfusion:SfGridSplitter.PreviewStyle>

                            </syncfusion:SfGridSplitter>
                            
                            <DockPanel Grid.Row="3">
                                <Border BorderThickness="0.75" BorderBrush="DimGray" DockPanel.Dock="Top" Background="Gainsboro">
                                    <Label Content="Teams"  HorizontalContentAlignment="Center"/>
                                </Border>
                                <local:EmployeeTeamGrid x:Name="Teams" DockPanel.Dock="Top" Margin="0,2,0,0" />
                                
                            </DockPanel>

                        </Grid>
                    </dynamicGrid:DynamicTabItem>

                    <dynamicGrid:DynamicTabItem x:Name="RoleTab" Header="Job Roles">
                
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="250" x:Name="RoleGridRow"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            
                            <local:EmployeeRoleGrid Grid.Row="0" Grid.Column="0" x:Name="Roles" OnChanged="Roles_OnOnChanged" SizeChanged="Roles_OnSizeChanged" />
                            
                            <syncfusion:SfGridSplitter Grid.Row="1" Grid.Column="0"
                                                       ResizeBehavior="PreviousAndNext" Height="4" HorizontalAlignment="Stretch"
                                                       Background="Transparent" Template="{StaticResource HorizontalSplitter}">

                                <syncfusion:SfGridSplitter.PreviewStyle>
                                    <Style TargetType="Control">
                                        <Setter Property="Background" Value="Gray" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="Control">
                                                    <Grid x:Name="Root" Opacity="0.5">
                                                        <Rectangle Fill="{TemplateBinding Background}" />
                                                    </Grid>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </syncfusion:SfGridSplitter.PreviewStyle>

                            </syncfusion:SfGridSplitter>
                            
                            <dynamicGrid:DynamicTabControl Grid.Row="2" TabStripPlacement="Bottom">
                        
                                <dynamicGrid:DynamicTabItem x:Name="ActivitiesTab" Header="Activities">
                                    <local:EmployeeActivityGrid x:Name="Activities" />
                                </dynamicGrid:DynamicTabItem>

                                <dynamicGrid:DynamicTabItem x:Name="FormsTab" Header="Forms">
                                    <local:EmployeeRoleFormGrid x:Name="Forms" />
                                </dynamicGrid:DynamicTabItem>
                                
                            </dynamicGrid:DynamicTabControl> 
                            </Grid>
                        
                    </dynamicGrid:DynamicTabItem>
                    
                    <dynamicGrid:DynamicTabItem Header="Jobs">
                        <local:EmployeeJobGrid x:Name="Jobs" />
                    </dynamicGrid:DynamicTabItem>
                    
                    <dynamicGrid:DynamicTabItem x:Name="QualificationsTab" Header="Qualifications">
                        <local:EmployeeQualificationGrid x:Name="Qualifications" />
                    </dynamicGrid:DynamicTabItem>
                    
                    <dynamicGrid:DynamicTabItem x:Name="SpreadsheetsTab" Header="Spreadsheets">
                        <local:EmployeeSpreadsheetGrid x:Name="Spreadsheets" />
                    </dynamicGrid:DynamicTabItem>

                </dynamicGrid:DynamicTabControl>
            </dynamicGrid:DynamicSplitPanel.Detail>
        </dynamicGrid:DynamicSplitPanel>
        
    </Grid>
</UserControl>