We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Autocomplete control is highly optimized to quickly load and populate suggestions from a large volume of data depending on the users’ input characters. It allows users to select one or more items from the suggestion list. It can display the selected items in the input view with images, text, and close buttons to remove items as needed.


Multiple selection

Select multiple items from the Xamarin.Forms entry suggestion list and display the selected items either as tokens, such as in an email address bar, or text separated by a delimiter.

Token representation in Xamarin.Forms autocomplete

Token representation

Customizable token representation in the Xamarin Autocomplete control allows users to remove an item with its close button.

Delimiter support in Xamarin.Forms autocomplete

Delimiter

Delimit the selected items with desired characters such as ‘$’ for dollar representation, or ‘,’ for traditional comma separation.


Performance

The Xamarin.Forms Autocomplete entry control has been designed with performance in mind in every aspect. It has several optimizations that allow users to load and search a million items in an instant.

Xamarin.Forms autocomplete populates suggestions instantly


When a character is entered, the control searches for items related to the entered character and filters the results, displaying suggestions in a drop-down list.

Xamarin.Forms autocomplete with load more button to load items on demand

On demand loading

If there are more filtered items than can be viewed, there is no need to worry about populating them. Instead, limit them by using one of the built-in options, and load more if needed by providing a load more button.

Search letters contains diacritics in the Xamarin.Forms autocomplete

Diacritic sensitivity

The Xamarin.Forms Autocomplete control does not stick to one type of keyboard, so you can suggest characters from a language with letters containing diacritics and search for them with English characters from an en-US keyboard.

Typo toleration using custom search support in the Xamarin.Forms autocomplete

Apply your own custom search logic to implement functionality like custom typo toleration that provides suggestions based on the input characters.

Specify the number of characters required to start matching in the Xamarin.Forms autocomplete

Perform filtering when needed

The Xamarin.Forms Autocomplete control starts offering matches as soon as users start typing, but supports a provision to set the number of characters required to start matching.

Xamarin.Forms autocomplete with filter options such as starts with, contains, and ends with

Filter

You can pick from various filtering options such as starts with, contains, and ends with. You can also choose whether to filter with or without case sensitivity.


Suggest, append, or both

The AutoComplete control for Xamarin.Forms auto suggests a list of filtered items in a pop-up or appends the rest of the suggested words in the input area.


Suggestion pop-up

When the user starts typing in the Xamarin.Forms search bar Autocomplete, a pop-up opens, displaying the filtered items that match the entered text.

Xamarin.Forms autocomplete shows pop-up at the top

Pop-up placement

Show the suggestion pop-up either at the top or bottom depending on the size constraints.

Xamarin.Forms autocomplete without suggestion pop-up

Avoid suggestion pop-up

Autocomplete Xamarin.Forms allows you to collapse the built-in suggestion pop-up and show the suggestions in other items controls, like the ListView.

Xamarin.Forms autocomplete delays and open suggestion pop-up

Pop-up opening delay

Delay the opening of the pop-up.

Xamarin.Forms autocomplete shows all the suggestions on focus

Show suggestion on focus

Display all the suggestions in the pop-up whenever the Xamarin.Forms Autocomplete control gets focus.


Matching text highlight

Highlight the matching text of each filtered item.

Xamarin.Forms autocomplete highlights the first occurrence of the matching text

First occurrence

Highlight the matching text that occurs first.

Xamarin.Forms autocomplete highlights the multiple occurrences of the matching text

Multiple occurrence

Highlight the matching text that occurs multiple times.


Customization

The Xamarin.Forms Autocomplete with rich UI provides options to customize all the elements of the control.

Custom template support in the Xamarin.Forms autocomplete

Custom template

Apply custom templates for the items in the suggestion pop-up to change their appearance and also add more information.

Color customization in the Xamarin.Forms autocomplete

Colors

Customize the color of the suggestion pop-up to fit the app’s theme.

Font customization in the Xamarin.Forms autocomplete

Font

Customize the font size with pixel precision or with standard options such as small, medium, and large. Also, apply custom fonts and font icons to enhance the appearance.


General information

The Xamarin.Forms Autocomplete control provides some additional features that make it more user-friendly.

Xamarin.Forms autocomplete with clear button

Clear button

A customizable clear button is available to clear all the text with a single tap.

Watermark gives hint about the suggestions shown by Xamarin.Forms autocomplete

Watermark

Add a watermark to provide guidance about the items to be searched.

MVVM support in the Xamarin.Forms autocomplete

MVVM support

Every aspect of the Autocomplete control has been designed with the MVVM pattern in mind.

Localization support in the Xamarin.Forms autocomplete

Localization

Localize all static text content with the required language.


Xamarin.Forms Autocomplete Code Example

Easily get started with the Xamarin.Forms Autocomplete using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin.Forms Autocomplete Example that shows you how to render and configure the Xamarin Autocomplete.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:autocomplete="clr-namespace:Syncfusion.SfAutoComplete.XForms;assembly=Syncfusion.SfAutoComplete.XForms"
             xmlns:ListCollection="clr-namespace:System.Collections.Generic;assembly=netstandard"
             xmlns:local="clr-namespace:AutocompleteSample"
             x:Class="AutocompleteSample.MainPage">
    
    <StackLayout 
        VerticalOptions="Start" 
        HorizontalOptions="Start"
        Padding="30">
        <autocomplete:SfAutoComplete x:Name="autoComplete"
                                     HeightRequest="40">
            <autocomplete:SfAutoComplete.AutoCompleteSource>
                <ListCollection:List x:TypeArguments="x:String">
                    <x:String>India</x:String>
                    <x:String>Uganda</x:String>                    
                </ListCollection:List>
            </autocomplete:SfAutoComplete.AutoCompleteSource>
        </autocomplete:SfAutoComplete>
    </StackLayout>
</ContentPage>
using Syncfusion.SfAutoComplete.XForms;
using System.Collections.Generic;
using Xamarin.Forms;

namespace AutocompleteSample
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
            StackLayout stackLayout = new StackLayout()
            {
                VerticalOptions = LayoutOptions.Start,
                HorizontalOptions = LayoutOptions.Start,
                Padding = new Thickness(30)
            };

            SfAutoComplete autoComplete = new SfAutoComplete()
            {
                HeightRequest = 40,
                AutoCompleteSource = new List<string>()
                {
                    "India",
                    "Uganda"
                }
            };

            stackLayout.Children.Add(autoComplete);
            this.Content = stackLayout;
        }
    }
}



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

  • On-demand loading for efficient data utilization. No need to pre populate a huge number of items at the same time.
  • The high-performance search engine can load and search through 100,000 items in less than a second.
  • One of the best Xamarin AutoComplete in the market that offers feature-rich UI to interact with the software.
  • Customizable typo-toleration functionality.
  • Simple configuration and API.
  • Use a lightweight and truly native.
  • Expansive learning resources such as demos, documentation and videos to learn quickly and get started with Xamarin AutoComplete.

You can find our Xamarin AutoComplete demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon