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:DynamicTabControl x:Name="Tab" SelectionChanged="Tab_SelectionChanged"
                                       TabStripPlacement="Bottom">
            <dynamicGrid:DynamicTabItem Header="Employees" x:Name="EmployeeTab">
                <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:EmployeeRosterItemGrid x:Name="Rosters" Grid.Row="1" OnChanged="Rosters_OnOnChanged" SizeChanged="Rosters_OnSizeChanged"
                                                                  EmployeeChanged="Rosters_EmployeeChanged"
                                                                  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>
            </dynamicGrid:DynamicTabItem>
            <dynamicGrid:DynamicTabItem Header="Roles" x:Name="RoleCrossTab">
                <local:EmployeeRoleCrossTab x:Name="EmployeeRoles"/>
            </dynamicGrid:DynamicTabItem>
        </dynamicGrid:DynamicTabControl>
    </Grid>
</UserControl>