prs/prs.desktop/Dashboards/QADashboard.xaml

<UserControl x:Class="PRSDesktop.QADashboard"
             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:syncfusion="http://schemas.syncfusion.com/wpf"
             xmlns:dynamicgrid="clr-namespace:InABox.DynamicGrid;assembly=InABox.DynamicGrid"
             xmlns:wpf="clr-namespace:InABox.WPF;assembly=InABox.Wpf"
             mc:Ignorable="d"
             d:DesignHeight="450" d:DesignWidth="1500">

    <UserControl.Resources>

        <!-- ~1~<local:LeaveContentConverter x:Key="LeaveContentConverter"/>@1@ -->
        <!-- <Style x:Key="DataContentCellStyle" TargetType="{x:Type syncfusion:GridCell}"> -->
        <!--     ~1~<Setter Property="TextBlock.Text" Value="{Binding RelativeSource={RelativeSource Self}, Converter={StaticResource LeaveContentConverter}}" />@1@ -->
        <!-- </Style> -->

    </UserControl.Resources>


    <Grid Background="WhiteSmoke">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="42" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Border Grid.Row="0" CornerRadius="5,5,0,0" BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke"
                Padding="5" Margin="0,0,0,2">

            <DockPanel HorizontalAlignment="Stretch">

                <ComboBox x:Name="Category" DockPanel.Dock="Left" Width="150" SelectedIndex="0"
                          SelectionChanged="Category_SelectionChanged" VerticalContentAlignment="Center"
                          Margin="0,0,5,0" SelectedValuePath="Key" DisplayMemberPath="Value" />

                <ComboBox x:Name="Form" DockPanel.Dock="Left" Width="250" SelectedIndex="0"
                          SelectionChanged="Form_SelectionChanged" VerticalContentAlignment="Center" Margin="0,0,5,0"
                          SelectedValuePath="Key" DisplayMemberPath="Value" />

                <ComboBox x:Name="Jobs" DockPanel.Dock="Left" Width="250" SelectedIndex="0"
                          SelectionChanged="Jobs_SelectionChanged" VerticalContentAlignment="Center" Margin="0,0,5,0"
                          SelectedValuePath="Key" DisplayMemberPath="Value" />

                <ComboBox x:Name="DateRange" DockPanel.Dock="Left" Width="120" SelectedIndex="0"
                          SelectionChanged="DateRange_SelectionChanged" VerticalContentAlignment="Center"
                          Margin="0,0,5,0">
                    <ComboBox.Items>
                        <ComboBoxItem Content="Today" />
                        <ComboBoxItem Content="Yesterday" />
                        <ComboBoxItem Content="Week To Date" />
                        <ComboBoxItem Content="Last 7 Days" />
                        <ComboBoxItem Content="Month To Date" />
                        <ComboBoxItem Content="Last 30 Days" />
                        <ComboBoxItem Content="Year To Date" />
                        <ComboBoxItem Content="Last 12 Months" />
                        <ComboBoxItem Content="Custom" />
                    </ComboBox.Items>
                </ComboBox>

                <Label DockPanel.Dock="Left" VerticalContentAlignment="Center" Content="From" Margin="0,0,5,0" />
                <DatePicker DockPanel.Dock="Left" x:Name="FromDate" Width="100" Background="LightYellow"
                            SelectedDateChanged="FromDate_SelectedDateChanged" VerticalContentAlignment="Center"
                            FirstDayOfWeek="Monday" IsEnabled="False" />

                <Label DockPanel.Dock="Left" VerticalContentAlignment="Center" Content="To" Margin="5,0,5,0" />
                <DatePicker DockPanel.Dock="Left" x:Name="ToDate" Width="100" Background="LightYellow"
                            SelectedDateChanged="ToDate_SelectedDateChanged" VerticalContentAlignment="Center"
                            FirstDayOfWeek="Monday" IsEnabled="False" />

                <Button DockPanel.Dock="Right" x:Name="Export" Content="Export" Click="Export_Click" Margin="5,0,0,0"
                        Padding="5,0,5,0" Width="60" />

                <Label DockPanel.Dock="Left" VerticalContentAlignment="Center" Content="Search" Margin="0,0,5,0" />
                <TextBox x:Name="Search" HorizontalAlignment="Stretch" VerticalContentAlignment="Center"
                         KeyUp="Search_KeyUp" />


            </DockPanel>

        </Border>

        <Border Grid.Row="1" CornerRadius="0" BorderBrush="Gray" BorderThickness="0.75" Background="WhiteSmoke"
                Padding="0" Margin="0">

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <wpf:QAGrid x:Name="qaGrid" Grid.Column="0" BorderThickness="0" MaxWidth="500" />

                <DockPanel x:Name="DigitalFormsDock" Grid.Column="1" MaxWidth="500">
                    <DockPanel DockPanel.Dock="Bottom" Margin="0,5,0,0">
                        <Label Content="Layout Type" DockPanel.Dock="Left" />
                        <ComboBox DockPanel.Dock="Left" />
                    </DockPanel>
                    <dynamicgrid:DynamicFormDesignGrid DockPanel.Dock="Top" />
                </DockPanel>

                <syncfusion:SfDataGrid
                    Background="White"
                    x:Name="dataGrid"
                    Grid.Column="1"
                    AutoGenerateColumns="True"
                    AutoGeneratingColumn="DataGrid_AutoGeneratingColumn"
                    RowHeight="30"
                    AllowSorting="False"
                    SelectionUnit="Row"
                    NavigationMode="Cell"
                    SelectionMode="Extended"
                    Margin="0,5,5,5"
                    CellDoubleTapped="DataGrid_CellDoubleTapped"
                    CellTapped="DataGrid_CellTapped" />

            </Grid>
        </Border>

    </Grid>

</UserControl>