prs/prs.desktop/Panels/Jobs/DocumentSets/JobDocumentSetPanel.xaml

<UserControl x:Class="PRSDesktop.JobDocumentSetPanel"
             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.DynamicGrid"
             xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="800">
    <dynamicGrid:DynamicSplitPanel MasterWidth="250" MasterCaption="Folders" DetailCaption="Documents" View="Combined" OnChanged="DynamicSplitPanel_OnOnChanged">
        <dynamicGrid:DynamicSplitPanel.Header>
            <Border DockPanel.Dock="Top" BorderBrush="Gray" BorderThickness="0.75,0.75,0.75,0" Background="Gainsboro" Height="30">
                <Label Content="Folders" HorizontalContentAlignment="Center" FontWeight="Bold" FontSize="12"/>
            </Border>
        </dynamicGrid:DynamicSplitPanel.Header>
        <dynamicGrid:DynamicSplitPanel.Master>
            <local:JobDocumentSetFolderTree x:Name="Folders" OnSelectItem="Folders_OnOnSelectItem"/>
        </dynamicGrid:DynamicSplitPanel.Master>

        <dynamicGrid:DynamicSplitPanel.Detail>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="260" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                
                <Border Grid.Row="0" Grid.Column="0" DockPanel.Dock="Top" BorderBrush="Gray" BorderThickness="0.75,0.75,0.75,0" Background="Gainsboro" Height="30">
                    <Label Content="Documents" HorizontalContentAlignment="Center" FontWeight="Bold" FontSize="12"/>
                </Border> 
                <local:JobDocumentSetTree Grid.Row="1" Grid.Column="0" x:Name="Documents" Margin="0,2,0,0" MileStoneSelected="Documents_OnMileStoneSelected" />
                
                <Border Grid.Row="0" Grid.Column="1" BorderBrush="Gray" BorderThickness="0.75,0.75,0.75,0" Background="Gainsboro" Height="30" Margin="4,0,0,0">
                    <Label Content="Preview" HorizontalContentAlignment="Center" FontWeight="Bold" FontSize="12"/>
                </Border>                
                <ListView x:Name="preview" Grid.Row="1" Grid.Column="1" Background="DimGray" Margin="4,2,0,0" SizeChanged="Preview_OnSizeChanged"
                          ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <Border Background="White" CornerRadius="5" BorderThickness="0.75" BorderBrush="Black" VerticalAlignment="Stretch">
                                <DockPanel VerticalAlignment="Stretch">
                                    <Label DockPanel.Dock="Bottom"  Content="{Binding Item2}" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Height="25" />
                                    <Image DockPanel.Dock="Top" Source="{Binding Item3}" Stretch="Uniform" Margin="5" />
                                </DockPanel>
                            </Border>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                    <!-- <ListView.ItemContainerStyle> -->
                    <!--     <Style TargetType="ListViewItem"> -->
                    <!--         <Setter Property="HorizontalContentAlignment" Value="Stretch" /> -->
                    <!--         <Setter Property="Height" Value="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" /> -->
                    <!--         <Setter Property="Margin" Value="2,2,0,2"/> -->
                    <!--         <Setter Property="Background" Value="Chartreuse"/> -->
                    <!--     </Style>                     -->
                    <!-- </ListView.ItemContainerStyle> -->
                </ListView>
            </Grid>
        </dynamicGrid:DynamicSplitPanel.Detail>
        
    </dynamicGrid:DynamicSplitPanel>
</UserControl>