<UserControl x:Class="AddNewItemsWithButton.Example"
    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:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:local="clr-namespace:AddNewItemsWithButton"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="700">
    <UserControl.DataContext>
        <local:ViewModel/>
    </UserControl.DataContext>

    <StackPanel x:Name="LayoutRoot" Background="White" >

        <telerik:RadAutoCompleteBox Grid.Row="3" Margin="20" Width="200"
                                    ItemsSource="{Binding Countries}"
                                    AutoCompleteMode="Suggest"
                                    DisplayMemberPath="Name"
                                    x:Name="AutoCompleteBox" >
            <telerik:RadAutoCompleteBox.Resources>
                <Style TargetType="telerik:RadListBox" BasedOn="{StaticResource RadListBoxStyle}">
                    
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="telerik:RadListBox">
                                <Grid>
                                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition />
                                                <RowDefinition Height="*" />

                                            </Grid.RowDefinitions>
                                            <TextBlock Text="My Header" Margin="2 0 0 0" />
                                            <ScrollViewer x:Name="PART_ScrollViewer"
                                                          Grid.Row="1"
                                    IsTabStop="False"
                                    HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                    VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                                    Padding="{TemplateBinding Padding}"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{x:Null}"
                                    Margin="0"
                                    BorderThickness="0">
                                                <ScrollViewer.InputBindings>
                                                    <KeyBinding Command="telerik:ListControl.SelectAllCommand" Key="A" Modifiers="Control"/>
                                                </ScrollViewer.InputBindings>
                                                <ItemsPresenter/>
                                            </ScrollViewer>
                                        </Grid>
                                        
                                    </Border>
                                    <ContentPresenter x:Name="PART_DropVisualPlaceholder" Visibility="Collapsed" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                                </Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </telerik:RadAutoCompleteBox.Resources>
        </telerik:RadAutoCompleteBox>

        <TextBox />
    </StackPanel>
</UserControl>
