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

<UserControl x:Class="PRSDesktop.JobDocumentSetTree"
             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:Syncfusion="http://schemas.syncfusion.com/wpf"
             xmlns:sfgrid="clr-namespace:Syncfusion.UI.Xaml.Grid;assembly=Syncfusion.SfGrid.WPF"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>

        <local:JobDocumentSetDescriptionConverter x:Key="descriptionConverter" />
        <local:JobDocumentSetDetailsConverter x:Key="detailsConverter" />
        <local:JobDocumentSetMileStoneConverter x:Key="milestoneConverter" />
        
        <DataTemplate x:Key="descriptionTemplate">
            
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="2*"/>
                    <RowDefinition Height="2*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                
                <TextBlock 
                    Grid.Row="1"
                    Tag="{Binding Path=Value, Converter={StaticResource descriptionConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource descriptionConverter}, ConverterParameter=Code}" 
                    VerticalAlignment="Center"
                    FontWeight="Bold" 
                    Margin="10,0,0,0"
                />
                
                <TextBlock 
                    Grid.Row="2" 
                    Tag="{Binding Path=Value, Converter={StaticResource descriptionConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource descriptionConverter}, ConverterParameter=Description}" 
                    VerticalAlignment="Center"
                    Margin="10,0,0,0"
                />
 
                
            </Grid>
        </DataTemplate>
        
        <DataTemplate x:Key="detailsTemplate">
            
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                
                <TextBlock 
                    Grid.Row="0" 
                    Tag="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=Size}" 
                    TextAlignment="Center" 
                    FontWeight="Bold" 
                    Margin="0,2,0,0"
                />
                
                <TextBlock 
                    Grid.Row="1" 
                    Tag="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=Employee}" 
                    TextAlignment="Center"
                />
                
                <TextBlock 
                    Grid.Row="2"                     
                    Tag="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource detailsConverter}, ConverterParameter=Date}" 
                    TextAlignment="Center"
                    Margin="0,0,0,2"
                />
                
            </Grid>
        </DataTemplate>
        
        <DataTemplate x:Key="milestoneTemplate">
            <Grid Background="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=Color}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                    
                <TextBlock 
                    Grid.Row="0" 
                    Tag="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=Revision}" 
                    TextAlignment="Center" 
                    VerticalAlignment="Center"
                    FontWeight="Bold" 
                    Margin="0,2,0,0"
                />
                    
                <TextBlock 
                    Grid.Row="1" 
                    Tag="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=Status}" 
                    TextAlignment="Center"
                />
                    
                <TextBlock 
                    Grid.Row="2"                     
                    Tag="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=ID}" 
                    Text="{Binding Path=Value, Converter={StaticResource milestoneConverter}, ConverterParameter=Date}" 
                    TextAlignment="Center"
                    Margin="0,0,0,2"
                />
                    
            </Grid>
        </DataTemplate>
        
        <Style TargetType="Syncfusion:TreeGridHeaderCell" x:Key="headerStyle">
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="FontSize" Value="12"/>
            <Setter Property="Background" Value="LightSkyBlue"/>
        </Style>
        
        <Style TargetType="Syncfusion:TreeGridStackedHeaderCell">
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="FontSize" Value="12"/>
            <Setter Property="Background" Value="LightSkyBlue"/>
        </Style>
        
        <Style TargetType="Syncfusion:TreeGridRowControl" x:Key="rowStyle">
            <Setter Property="Background" Value="White"/>
        </Style>
        
        <!-- <Style TargetType="Syncfusion:TreeGridExpanderCell">  -->
        <!--     <Setter Property="Background" Value="LightSalmon"/>  -->
        <!-- </Style>  -->
        
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- SelectionUnit="Cell" -->
        <!-- QueryRowHeight="DataGrid_OnQueryRowHeight" -->
        
        <Syncfusion:SfTreeGrid
            x:Name="treeGrid"
            Grid.Row="0"
            AutoGenerateColumns="False"
            ChildPropertyName="Children"
            AutoExpandMode="AllNodesExpanded"
            NodeCollapsing="TreeGrid_OnNodeCollapsing"
            RowHeight="60"
            AllowSorting="False"
            HeaderRowHeight="30"
            NavigationMode="Cell"
            SelectionMode="Extended"
            ColumnSizer="Auto"
            Background="DimGray"
            HeaderStyle="{StaticResource headerStyle}"
            RowStyle="{StaticResource rowStyle}"
            CellToolTipOpening="TreeGrid_OnCellToolTipOpening"
            ContextMenuOpening="TreeGrid_OnContextMenuOpening"
            ItemsSourceChanged="TreeGrid_OnItemsSourceChanged"
            SelectionChanged="TreeGrid_OnSelectionChanged"
            CurrentCellActivated="TreeGrid_OnCurrentCellActivated"
        >
            <Syncfusion:SfTreeGrid.StackedHeaderRows>
                <Syncfusion:StackedHeaderRow x:Name="stackedHeaderRow" />
            </Syncfusion:SfTreeGrid.StackedHeaderRows>

            <Syncfusion:SfTreeGrid.ContextMenu>
                <ContextMenu x:Name="MileStoneMenu" />
            </Syncfusion:SfTreeGrid.ContextMenu>

        </Syncfusion:SfTreeGrid>
        
        <DockPanel Grid.Row="1">
            <Button x:Name="Add" DockPanel.Dock="Left" Margin="0,2,2,0" Width="30" Height="30"
                    Padding="2" Click="Add_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Image x:Name="AddImage" Source="../../Resources/add.png" />
            </Button>
            <Button x:Name="Edit" DockPanel.Dock="Left" Margin="0,2,2,0" Width="30" Height="30"
                    Padding="2" Click="Edit_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Image x:Name="EditImage" Source="../../Resources/pencil.png" />
            </Button>
            <Button x:Name="FlatList" DockPanel.Dock="Left" Margin="0,2,2,0"
                    Click="FlatList_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Label x:Name="FlatListLabel" Content="Flat List" />
            </Button>            
            <Button x:Name="HideRejected" DockPanel.Dock="Left" Margin="0,2,2,0"
                    Click="HideRejected_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Label x:Name="HideSupercededLabel" Content="Last Only" />
            </Button>
            <Button x:Name="IncludeRetired" DockPanel.Dock="Left" Margin="0,2,2,0"
                    Click="IncludeRetired_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Label x:Name="IncludeRetiredLabel" Content="Include Retired" />
            </Button>
            <Button x:Name="Delete" DockPanel.Dock="Right" Margin="2,2,0,0" Width="30" Height="30"
                    Padding="2" Click="Delete_OnClick" BorderBrush="Gray" BorderThickness="0.75">
                <Image x:Name="DeleteImage"  Source="../../Resources/delete.png" />
            </Button>
            <Label DockPanel.Dock="Left"/>
        </DockPanel>
    </Grid>
</UserControl>