prs/prs.desktop/Panels/Suppliers/Bills/SupplierBillEditLayout.xaml

<dynamicGrid:DynamicEditorGridLayout
    x:Class="PRSDesktop.SupplierBillEditLayout"
    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:wpf="clr-namespace:InABox.Wpf;assembly=InABox.Wpf"
    xmlns:sf="http://schemas.syncfusion.com/wpf"
    mc:Ignorable="d" 
    d:DesignHeight="450" d:DesignWidth="800" >
    <dynamicGrid:DynamicEditorGridLayout.Resources>
        <BoolToVisibilityConverter x:Key="boolVisibilityConverter"/>
    </dynamicGrid:DynamicEditorGridLayout.Resources>

    <Grid DataContext="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type local:SupplierBillEditLayout}}}"
          SizeChanged="Grid_SizeChanged">
        
        <Grid.RowDefinitions>
            <RowDefinition x:Name="EditorRow" Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        
        <dynamicGrid:DynamicTabControl 
            x:Name="Editors"
            Grid.Row="0"
            SelectionChanged="Editors_SelectionChanged"/>

        <dynamicGrid:DynamicTabControl x:Name="Dates" Grid.Row="0" Grid.Column="1" Margin="5,0,0,0">
            
        </dynamicGrid:DynamicTabControl>

        <dynamicGrid:DynamicTabControl x:Name="Approval" Grid.Row="0" Grid.Column="2" Margin="5,0,0,0"
                                       Visibility="{Binding CanApprove,Converter={StaticResource boolVisibilityConverter}}">
            <dynamicGrid:DynamicTabItem Header="Approval">
                <Border BorderBrush="Gray" BorderThickness="0.75"
                        Background="White" Padding="7" Margin="0,2,0,0">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Label Content="PO Amount"
                               Grid.Row="0" HorizontalAlignment="Center"/>
                        <sf:CurrencyTextBox x:Name="POMoneyBox"
                                            Grid.Row="1" CurrencyDecimalDigits="2"
                                            Height="25" Width="150"
                                            Margin="0,0,0,5"
                                            Background="WhiteSmoke"
                                            VerticalContentAlignment="Center" HorizontalContentAlignment="Center"
                                            Value="{Binding POAmount}"/>
                        <Label Content="Bill Amount"
                               Grid.Row="2" HorizontalAlignment="Center"/>
                        <sf:CurrencyTextBox x:Name="BillMoneyBox"
                                            Grid.Row="3" CurrencyDecimalDigits="2"
                                            Height="25" Width="150"
                                            Margin="0,0,0,10"
                                            VerticalContentAlignment="Center" HorizontalContentAlignment="Center"
                                            Value="{Binding BillAmount}">
                            <sf:CurrencyTextBox.Style>
                                <Style TargetType="sf:CurrencyTextBox">
                                    <Setter Property="Background" Value="LightGreen"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding BillLessThanPO}" Value="False">
                                            <Setter Property="Background" Value="LightSalmon"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </sf:CurrencyTextBox.Style>
                        </sf:CurrencyTextBox>
                        <Button x:Name="ApproveButton" Grid.Row="4"
                                Content="Approve"
                                Width="150"
                                Padding="5" Click="ApproveButton_Click"/>
                    </Grid>
                </Border>
            </dynamicGrid:DynamicTabItem>
        </dynamicGrid:DynamicTabControl>
        
        <sf:SfGridSplitter 
            Grid.Row="1" 
            Grid.ColumnSpan="3"
            Height="4"
            HorizontalAlignment="Stretch"
            Background="Transparent"
            ResizeBehavior="PreviousAndNext"
            Template="{StaticResource HorizontalSplitter}"
            PreviewStyle="{StaticResource HorizontalSplitterPreview}"/>
        
        <dynamicGrid:DynamicTabControl x:Name="OtherPages"
                                       Grid.Row="2" Grid.ColumnSpan="4"
                                       SelectionChanged="Editors_SelectionChanged"
                                       TabStripPlacement="Bottom"/>
        
        
    </Grid>
</dynamicGrid:DynamicEditorGridLayout>