New to Telerik UI for Xamarin? Download free 30-day trial

RadAutoComplete control has been replaced with RadAutoCompleteView and will be removed from the suite soon. You can read about the differences between both components and how to migrate to the new RadAutoCompleteView in the kb article here: Replace AutoComplete with AutoCompleteView

Getting Started

This example will guide you through the steps needed to add a basic RadAutoComplete control in your application.

Before you proceed, please, take a look at these articles and follow the instructions to setup your app:

Example

If your app is setup, you are ready to add a RadAutoComplete control as content of your page.

<telerikInput:RadAutoComplete x:Name="autoComplete" Watermark="Search here..." />
var autoComplete = new RadAutoComplete { Watermark = "Search here..." };

In addition to this you need to add the following namespace:

xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
using Telerik.XamarinForms.Input;

You also have to provide an items source for the suggestions list:

this.autoComplete.ItemsSource = new List<string>()
{
    "Freda Curtis",
    "Jeffery Francis",
    "Eva Lawson",
    "Emmett Santos",
    "Theresa Bryan",
    "Jenny Fuller",
    "Terrell Norris",
    "Eric Wheeler",
    "Julius Clayton",
    "Alfredo Thornton",
    "Roberto Romero",
    "Orlando Mathis",
    "Eduardo Thomas",
    "Harry Douglas",
    "Parker Blanton",
    "Leanne Motton",
    "Shanti Osborn",
    "Merry Lasker",
    "Jess Doyon",
    "Kizzie Arjona",
    "Augusta Hentz",
    "Tasha Trial",
    "Fredda Boger",
    "Megan Mowery",
    "Hong Telesco",
    "Inez Landi",
    "Taina Cordray",
    "Shantel Jarrell",
    "Soo Heidt",
    "Rayford Mahon",
    "Jenny Omarah",
    "Denita Dalke",
    "Nida Carty",
    "Sharolyn Lambson",
    "Niki Samaniego",
    "Rudy Jankowski",
    "Matha Whobrey",
    "Jessi Knouse",
    "Vena Rieser",
    "Roosevelt Boyce",
    "Kristan Swiney",
    "Lauretta Pozo",
    "Jarvis Victorine",
    "Dane Gabor"
};

Finally, set the AutoComplete as content of your page.

Here is the result:

AutoComplete Getting Started Example

SDK Browser and QSF applications contain different examples that show RadAutoComplete's main features. You can find the applications in the Examples and QSF folders of your local Telerik UI for Xamarin installation.

In this article