prs/prs.desktop/Panels/Attendance/AttendancePanel.xaml

<UserControl x:Class="PRSDesktop.AttendancePanel"
             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:Kanban="clr-namespace:Syncfusion.UI.Xaml.Kanban;assembly=Syncfusion.SfKanban.WPF"
             mc:Ignorable="d"
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Border Grid.Column="0" Grid.Row="0" CornerRadius="5,5,0,0" Margin="0,0,0,2" BorderBrush="Gray"
                BorderThickness="0.75" Background="WhiteSmoke" Padding="5">
            <DockPanel>
                <Button x:Name="ShowAll" DockPanel.Dock="Left" Margin="5,0,0,0" Padding="10,0" Content="Show All"
                        Click="ShowAll_Click" />
                <Label DockPanel.Dock="Left" Content="Search" Margin="5,0,0,0" />
                <Button x:Name="Export" DockPanel.Dock="Right" Margin="5,0,0,0" Padding="10,0" Content="Export"
                        Click="Export_Click" />
                <TextBox x:Name="Search" DockPanel.Dock="Left" Text="" VerticalContentAlignment="Center"
                         KeyUp="Search_KeyUp" />
            </DockPanel>
        </Border>

        <Kanban:SfKanban x:Name="Kanban" Grid.Column="0" Grid.Row="1" BorderBrush="Gray" BorderThickness="0.75"
                         Margin="0">
            <Kanban:SfKanban.CardTemplate>
                <DataTemplate>
                    <Border BorderBrush="Black" BorderThickness="0.75" CornerRadius="3" Background="{Binding ColorKey}"
                            Margin="0,2,0,0" Tag="{Binding}">
                        <Grid Margin="4">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="20" />
                                <RowDefinition Height="20" />
                                <RowDefinition Height="20" />
                            </Grid.RowDefinitions>

                            <!--<CheckBox VerticalAlignment="Top" Grid.Row="0" Grid.Column="0" IsChecked="{Binding Path=Checked}" Tag="{Binding}" Checked="CheckBox_Checked" Unchecked="CheckBox_Checked"/>-->

                            <Border Width="50" Height="50" CornerRadius="25" Margin="2,0,10,0" Grid.Column="0"
                                    Grid.Row="0" Grid.RowSpan="3" BorderBrush="Black" BorderThickness="0.75"
                                    VerticalAlignment="Center">
                                <Border.Background>
                                    <ImageBrush ImageSource="{Binding Path=Image}" Stretch="UniformToFill" />
                                </Border.Background>
                            </Border>
                            <TextBlock Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Text="{Binding Path=Name}"
                                       FontWeight="Bold" FontSize="12" HorizontalAlignment="Left"
                                       VerticalAlignment="Center" Foreground="{Binding TextColor}" />

                            <TextBlock Grid.Row="0" Grid.Column="3" Text="{Binding Path=Revision}" FontWeight="Bold"
                                       FontSize="12" HorizontalAlignment="Right" VerticalAlignment="Center"
                                       Foreground="{Binding TextColor}" />

                            <TextBlock Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="3" Text="{Binding Path=Address}"
                                       FontStyle="Italic" FontSize="12" HorizontalAlignment="Left"
                                       VerticalAlignment="Center" Foreground="{Binding TextColor}" />

                            <TextBlock Grid.Row="2" Grid.Column="1" FontStyle="Italic" FontSize="12"
                                       HorizontalAlignment="Left" VerticalAlignment="Center"
                                       Foreground="{Binding TextColor}">
                                <Run Text="In: " /><Run Text="{Binding Path=Clockin}" />
                            </TextBlock>

                            <TextBlock Grid.Row="2" Grid.Column="2" Text="{Binding Path=Type}" FontSize="12"
                                       HorizontalAlignment="Center" VerticalAlignment="Center"
                                       Foreground="{Binding TextColor}" />


                            <TextBlock Grid.Row="2" Grid.Column="3" FontStyle="Italic" FontSize="12"
                                       HorizontalAlignment="Right" VerticalAlignment="Center"
                                       Foreground="{Binding TextColor}">
                                <Run Text="Out: " /><Run Text="{Binding Path=Clockout}" />
                            </TextBlock>


                        </Grid>
                        <Border.ContextMenu>
                            <ContextMenu x:Name="AttendanceMenu" Opened="AttendanceMenu_Opened" Tag="{Binding}">
                                <MenuItem x:Name="SickLeave" Header="Mark Employee As Sick" Click="SickLeave_Click"
                                          Tag="{Binding}" />
                                <Separator />
                                <MenuItem x:Name="ClockOnOff" Header="Clock Employee On" Click="ClockOnOff_Click"
                                          Tag="{Binding}" />
                                <Separator />
                                <MenuItem x:Name="AddNote" Header="Add Note" Click="AddNote_Click"
                                          Tag="{Binding}" />
                                <MenuItem x:Name="EditNotes" Header="Edit Notes" Click="EditNotes_Click"
                                          Tag="{Binding}" />
                                <Separator />
                                <MenuItem x:Name="ShowOnInOut" Header="Show On In/Out Board" Click="ShowOnInOut_Click"
                                          Tag="{Binding}" />
                                <MenuItem x:Name="RemoveFromInOut" Header="Remove From In/Out Board"
                                          Click="RemoveFromInOut_Click" Tag="{Binding}" />
                            </ContextMenu>
                        </Border.ContextMenu>
                    </Border>

                </DataTemplate>

            </Kanban:SfKanban.CardTemplate>
        </Kanban:SfKanban>

    </Grid>
</UserControl>