Category / Section
How to Change dropdown direction
1 min read
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.
|
