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: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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}" >
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </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="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="OnEmojiClick" >
                    <ListBox.ItemTemplate>
                        <DataTemplate  DataType="{x:Type hauptKlassen:DirectoryListing}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Text="{Binding EmojiCode}" FontSize="18" Foreground="#FF5A00" />
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapPanel IsItemsHost="True" Orientation="Horizontal"  />
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                </ListBox>
            </TabItem>
        </TabControl>
    </Grid>
</UserControl>