Category / Section
How to Change dropdown direction
Syncfusion Autocomplete in Xamarin provides us the Dropdown placement either in Bottom or in Top position.
To add Suggestion box placement in Autocomplete follow the below given procedure:
Step 1: Create the autocomplete sample with all necessary assemblies.
Step 2: Create a class Countrylist, and create an instance for list called countryList and then add the countries in the list using the function Add ().
Step 3: Mention the Suggestion box placement position in the program.
The below code illustrates the way to achieve this.
Code snippet:
namespace Autocomplete
{
public partial class AutocompletePage : ContentPage
{
public AutocompletePage()
{
//Initialize the autocomplete control.
SfAutoComplete autocomplete = new SfAutoComplete();
autocomplete.Watermark ="Enter Text";
autocomplete.SuggestionBoxPlacement = SuggestionBoxPlacement.Top;//Drop down direction.
//List to be shown in the autocomplete control
List<string> countryList = new List<string>();
countryList.Add("Uganda");
countryList.Add("Ukraine");
countryList.Add("United States");
countryList.Add("United Kingdom");
countryList.Add("Uzbekistan");
autocomplete.AutoCompleteSource = countryList;
//Layout for the autocomplete control
StackLayout autocompleteLayout = new StackLayout();
autocompleteLayout.Padding = new Thickness(50, 100, 50, 0);
autocompleteLayout.Children.Add(autocomplete);
Content = autocompleteLayout;
}
}
}
Image for Popup at Top:
|
Image for Popup at Bottom.
|
