prs/prs.desktop/Panels/Consignments/ConsignmentsPanel.xaml

<UserControl x:Class="PRSDesktop.ConsignmentsPanel"
             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:dynamicgrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.DynamicGrid"
             xmlns:local="clr-namespace:PRSDesktop"
             mc:Ignorable="d"
             d:DesignHeight="450" d:DesignWidth="800">

    <dynamicgrid:DynamicSplitPanel x:Name="SplitPanel" View="Combined" MasterWidth="500"
                                   MasterCaption="Consignment List" DetailCaption="Consignment Details"
                                   OnChanged="SplitPanel_OnChanged">

        <dynamicgrid:DynamicSplitPanel.Header>
            <DockPanel HorizontalAlignment="Stretch">
                <ComboBox x:Name="StatusList" DockPanel.Dock="Left" Width="150" SelectedIndex="0"
                          VerticalContentAlignment="Center">
                    <ComboBox.Items>
                        <ComboBoxItem Content="Active Consignments" />
                        <ComboBoxItem Content="All Consignments" />
                    </ComboBox.Items>
                </ComboBox>
                <ComboBox x:Name="TypeList" DockPanel.Dock="Left" Width="150" SelectedIndex="0"
                          VerticalContentAlignment="Center" Margin="5,0,0,0" SelectedValuePath="Item1"
                          DisplayMemberPath="Item2" />
                <ComboBox x:Name="CategoryList" DockPanel.Dock="Left" Width="150" SelectedIndex="0"
                          VerticalContentAlignment="Center" Margin="5,0,0,0" SelectedValuePath="Item1"
                          DisplayMemberPath="Item2" />
                <TextBox DockPanel.Dock="Left" x:Name="Search" HorizontalAlignment="Stretch"
                         VerticalContentAlignment="Center" KeyUp="Search_KeyUp" Margin="5,0,0,0" />
            </DockPanel>
        </dynamicgrid:DynamicSplitPanel.Header>

        <dynamicgrid:DynamicSplitPanel.Master>
            <local:ConsignmentGrid x:Name="Consignments" />
        </dynamicgrid:DynamicSplitPanel.Master>

        <dynamicgrid:DynamicSplitPanel.Detail>
            <DockPanel>
                <Border DockPanel.Dock="Top" BorderBrush="Gray" BorderThickness="1" Background="WhiteSmoke">
                    <Grid Margin="4,4,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <Label Grid.Row="0" Grid.Column="0" Margin="0,0,4,4" Content="Supplier" />
                        <TextBox Grid.Row="0" Grid.Column="1" Margin="0,0,4,4" x:Name="SupplierCode" />
                        <TextBox Grid.Row="0" Grid.Column="2" Grid.ColumnSpan="4" Margin="0,0,4,4"
                                 x:Name="SupplierName" />

                        <Label Grid.Row="1" Grid.Column="0" Margin="0,0,4,4" Content="Consignment #" />
                        <TextBox Grid.Row="1" Grid.Column="1" Margin="0,0,4,4" x:Name="Number" />
                        <Label Grid.Row="1" Grid.Column="2" Margin="0,0,4,4" Content="Type" />
                        <TextBox Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="3" Margin="0,0,4,4" x:Name="Type" />

                        <Label Grid.Row="2" Grid.Column="0" Margin="0,0,4,4" Content="Origin" />
                        <TextBox Grid.Row="2" Grid.Column="1" Margin="0,0,4,4" Grid.ColumnSpan="5" x:Name="Origin" />

                        <Label Grid.Row="3" Grid.Column="0" Margin="0,0,4,4" Content="Description" />
                        <TextBox Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="5" Margin="0,0,4,4" x:Name="Description" />

                        <Label Grid.Row="4" Grid.Column="0" Margin="0,0,4,4" Content="Est Shipping" />
                        <TextBox Grid.Row="4" Grid.Column="1" Margin="0,0,4,4" x:Name="EstShip" />

                        <Label Grid.Row="4" Grid.Column="2" Margin="0,0,4,4" Content="Est Port" />
                        <TextBox Grid.Row="4" Grid.Column="3" Margin="0,0,4,4" x:Name="EstPort" />

                        <Label Grid.Row="4" Grid.Column="4" Margin="0,0,4,4" Content="Est Arrival" />
                        <TextBox Grid.Row="4" Grid.Column="5" Margin="0,0,4,4" x:Name="EstArrival" />

                        <Label Grid.Row="5" Grid.Column="0" Margin="0,0,4,4" Content="Act Shipping" />
                        <TextBox Grid.Row="5" Grid.Column="1" Margin="0,0,4,4" x:Name="ActShip" />

                        <Label Grid.Row="5" Grid.Column="2" Margin="0,0,4,4" Content="Act Port" />
                        <TextBox Grid.Row="5" Grid.Column="3" Margin="0,0,4,4" x:Name="ActPort" />

                        <Label Grid.Row="5" Grid.Column="4" Margin="0,0,4,4" Content="Act Arrival" />
                        <TextBox Grid.Row="5" Grid.Column="5" Margin="0,0,4,4" x:Name="ActArrival" />

                        <Label Grid.Row="6" Grid.Column="0" Margin="0,0,4,4" Content="Status" />
                        <TextBox Grid.Row="6" Grid.Column="1" Grid.ColumnSpan="5" Margin="0,0,4,4" x:Name="Status" />

                    </Grid>
                </Border>

                <local:ConsignmentItemGrid x:Name="ConsignmentItems" DockPanel.Dock="Top" Margin="0,2,0,0" />
            </DockPanel>
        </dynamicgrid:DynamicSplitPanel.Detail>

    </dynamicgrid:DynamicSplitPanel>

</UserControl>