Getting Started

How to create a simple RadAutoCompleteBox

This quick start tutorial will help you setup and add a RadAutoCompleteBox control to an application.

  1. First you have to add a reference to Telerik UI for Universal Windows Platform extension SDK or to your binaries folder. If you choose to add binaries, you will need the following references:

    • Telerik.Core
    • Telerik.UI.Xaml.Primitives
    • Telerik.UI.Xaml.Input
  2. Add the following namespace in the MainPage.xaml:

  3. Define a RadAutoCompleteBox in XAML:

    <telerikInput:RadAutoCompleteBox x:Name="radAutoCompleteBox" Width="200" VerticalAlignment="Top" />
  4. Initialize the ItemsSource property so that suggestions can be shown as the user types:

    List<string> suggestions = new List<string>();
    for (int i = 0; i < 50; i++)
        suggestions.Add("Suggestion " + i);
    this.radAutoCompleteBox.ItemsSource = suggestions;

The result is:
Auto Complete Box-Getting Started

See Also

In this article