TestingWindow.xaml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:SQLWPF"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" x:Class="SQLWPF.TestingWindow"
        xmlns:domain="clr-namespace:MaterialDesignColors.WpfExample.Domain"
        xmlns:gif="http://wpfanimatedgif.codeplex.com"
        xmlns:Sys="clr-namespace:System;assembly=mscorlib"

        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
        TextElement.FontWeight="Regular"
        TextElement.FontSize="13"
        TextOptions.TextFormattingMode="Ideal"
        TextOptions.TextRenderingMode="Auto"
        Background="{DynamicResource MaterialDesignPaper}"
        FontFamily="{DynamicResource MaterialDesignFont}"

        mc:Ignorable="d"
        Title="TestingWindow" Height="647" Width="800" MinWidth="360">

    <materialDesign:DialogHost
              HorizontalAlignment="Stretch"
              VerticalAlignment="Stretch"
              IsOpen="{Binding IsSample4DialogOpen}"
              CloseOnClickAway="True"
            x:Name="dialog">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>

            <ItemsControl
            Grid.IsSharedSizeScope="True" x:Name="UserToggleList" Grid.Row="0">
                <ItemsControl.ItemTemplate>
                    <DataTemplate
                    DataType="{x:Type domain:UserSelectableModel}">
                        <materialDesign:Card
                    materialDesign:ShadowAssist.ShadowDepth="Depth2"
                    x:Name="Border"
                    Padding="8"
                    Margin="8,8,8,0"
                    BorderThickness="0 0 0 1"
                    BorderBrush="{DynamicResource MaterialDesignDivider}">
                            <Grid x:Name="hello">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>

                                <ToggleButton x:Name="Stop"
                                VerticalAlignment="Center"
                                IsChecked="{Binding IsSelected}"
                                Style="{StaticResource MaterialDesignActionLightToggleButton}"
                                FontSize="23" Width="50" Height="50" AllowDrop="True" Drop="ToggleButton_Drop_1"
                                              PreviewDragEnter="Stop_PreviewDragEnter"
                                              PreviewDragLeave="Stop_PreviewDragLeave">
                                    <Grid>
                                        <TextBlock Text="{Binding Initials}"/>
                                        <Image gif:ImageBehavior.AnimatedSource="{Binding Icon}" Stretch="UniformToFill" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                        <TextBlock Text="{Binding UserID}" Opacity="0"/>
                                    </Grid>
                                </ToggleButton>
                                <Grid Margin="8 0 0 0"
                                Grid.Column="1">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <RowDefinition Height="*"/>
                                    </Grid.RowDefinitions>
                                    <TextBlock FontWeight="Bold"
                                   Text="{Binding Name}"
                                   FontSize="20"
                                   Grid.Row="0"/>
                                    <WrapPanel Grid.Row="1" VerticalAlignment="Center">
                                        <StackPanel Orientation="Horizontal" Margin="0,0,10,0">
                                            <TextBlock Text="UserName: " FontWeight="Black" FontSize="14"/>
                                            <TextBlock Text="{Binding UserName}" FontSize="14"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="0,0,10,0">
                                            <TextBlock Text="Mail: " FontWeight="Black" FontSize="14"/>
                                            <TextBlock Text="{Binding Mail}" FontSize="14"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="0,0,10,0">
                                            <TextBlock Text="Age: " FontWeight="Black" FontSize="14"/>
                                            <TextBlock Text="{Binding Age}" FontSize="14"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Visibility="{Binding PlayerVisiblity}">
                                            <TextBlock Text="{Binding PlayerNamesText}" FontWeight="Black" FontSize="14"/>
                                            <TextBlock Text="{Binding PlayerNames}" FontSize="14"/>
                                        </StackPanel>

                                    </WrapPanel>
                                </Grid>
                            </Grid>
                        </materialDesign:Card>
                        <DataTemplate.Triggers>
                            <DataTrigger
                              Binding="{Binding IsSelected}"
                              Value="True">
                                <Setter
                                TargetName="Border"
                                Property="Background"
                                Value="{DynamicResource MaterialDesignSelection}" />
                            </DataTrigger>
                        </DataTemplate.Triggers>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

            <StackPanel HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Row="2">
                <Button Click="Button_Click">
                    Reload
                </Button>

                <Separator Margin="0,4,0,0"/>

                <materialDesign:Card
                    materialDesign:ShadowAssist.ShadowDepth="Depth1"
                    x:Name="Border"
                    Padding="8"
                    Margin="8"
                    BorderThickness="0 0 0 1"
                    BorderBrush="{DynamicResource MaterialDesignDivider}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <ToggleButton
                                VerticalAlignment="Center"
                                IsChecked="false"
                                Style="{StaticResource MaterialDesignActionLightToggleButton}"
                                FontSize="23" Width="50" Height="50" AllowDrop="True">
                            <Image
                            Source="Assets/mountains.jpg" Stretch="UniformToFill" HorizontalAlignment="Center" VerticalAlignment="Center" Drop="ToggleButton_Drop"/>
                        </ToggleButton>
                        <Grid Margin="8 0 0 0"
                                Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <TextBlock FontWeight="Bold"
                                   Text="Marc Jensen"
                                   FontSize="20"
                                   Grid.Row="0"/>
                            <WrapPanel Grid.Row="1" VerticalAlignment="Center">
                                <StackPanel Orientation="Horizontal" Margin="0,0,10,0">
                                    <TextBlock Text="Mail: " FontWeight="Black" FontSize="14"/>
                                    <TextBlock Text="Marcjensenvirklund@gmail.com" FontSize="14"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal" Visibility="Hidden">
                                    <TextBlock Text="Age: " FontWeight="Black" FontSize="14"/>
                                    <TextBlock Text="" FontSize="14"/>
                                </StackPanel>

                            </WrapPanel>
                        </Grid>
                    </Grid>
                </materialDesign:Card>
            </StackPanel>
        </Grid>

        <materialDesign:DialogHost.DialogContent>
            <StackPanel>
                <TextBlock FontSize="20" Foreground="IndianRed" Margin="10,15,10,15">
                    That is an invalid fileType
                </TextBlock>
                <Button
                        Style="{StaticResource MaterialDesignFlatButton}"
                        Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}">
                    Accept
                </Button>
            </StackPanel>
        </materialDesign:DialogHost.DialogContent>
    </materialDesign:DialogHost>
</Window>