Chat/ChatController/ChatEmojiiControl.xaml

<UserControl x:Class="ChatController.ChatEmojiiControl"
             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:ChatController"
             xmlns:hauptKlassen="clr-namespace:ChatController.HauptKlassen"
             mc:Ignorable="d" 
             d:DesignHeight="200" d:DesignWidth="300">
    <Grid>
      <TabControl>
        <TabItem Header="1" x:Name="TabItem1" >
          <ListBox x:Name="EmojisListBox1" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}" >
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" MinWidth="22" FontSize="18" Foreground="OrangeRed" Margin="1" />
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="2" x:Name="TabItem2">
          <ListBox x:Name="EmojisListBox2" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="3" x:Name="TabItem3">
          <ListBox x:Name="EmojisListBox3" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="4" x:Name="TabItem4">
          <ListBox x:Name="EmojisListBox4" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="5" x:Name="TabItem5">
          <ListBox x:Name="EmojisListBox5" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="6" x:Name="TabItem6">
          <ListBox x:Name="EmojisListBox6" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
        <TabItem Header="7" x:Name="TabItem7">
          <ListBox x:Name="EmojisListBox7" HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="285" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
            <ListBox.ItemTemplate>
              <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                <StackPanel Orientation="Vertical">
                  <TextBlock Text="{Binding EmojiCode}" Height="22" Width="22" FontSize="18" Foreground="OrangeRed"/>
                </StackPanel>
              </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
              <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
              </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
          </ListBox>
        </TabItem>
      </TabControl>
    </Grid>
</UserControl>