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"/>
        
        <sf:SfGridSplitter 
            Grid.Row="0" 
            Grid.Column="1"
            Width="4"
            VerticalAlignment="Stretch"
            Background="Transparent"
            ResizeBehavior="PreviousAndNext"
            Template="{StaticResource VerticalSplitter}"
            Visibility="{Binding CanApprove,Converter={StaticResource boolVisibilityConverter}}"/>


        <Border Grid.Row="0" Grid.Column="2" Margin="5,0,0,0"
                BorderBrush="Gray" BorderThickness="0.75"
                Background="White" Padding="7"
                Visibility="{Binding CanApprove,Converter={StaticResource boolVisibilityConverter}}">
            <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>
        
        <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="3"
                                       SelectionChanged="Editors_SelectionChanged"
                                       TabStripPlacement="Bottom"/>
        
        
    </Grid>
</dynamicGrid:DynamicEditorGridLayout>