How to customize dropdown placement in .NET MAUI Autocomplete?

The .NET MAUI Autocomplete control provides support for customizing the dropdown’s placement using the DropdownPlacement property. The following example demonstrates how to set the dropdown placement to the top or bottom of the Autocomplete control.

XAML

<editors:SfAutocomplete DropDownPlacement ="Top"
                        HeightRequest="40"
                       WidthRequest="200">
    <editors:SfAutocomplete.ItemsSource>
        <x:Array Type="{x:Type x:String}">
            <x:String>Telegram</x:String>
            <x:String>Televzr</x:String>
            <x:String>Tik Tok</x:String>
            <x:String>Tout</x:String>
            <x:String>Tumblr</x:String>
            <x:String>Twitter</x:String>
        </x:Array>
    </editors:SfAutocomplete.ItemsSource>
</editors:SfAutocomplete>

Output :

Dropdown placement at top position :

Dropdown placement at bottom position :

Download the complete sample from GitHub.

Conclusion :

I hope you enjoyed learning about how to customize the dropdown placement in .NET MAUI Autocomplete. You can refer to our .NET MAUI Autocomplete’s feature tour page to learn about its other groundbreaking features. For more information on data presentation and manipulation, explore our .NET MAUI Autocomplete documentation.

For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to check out our .NET MAUI Autocomplete (SfAutocomplete) and other .NET MAUI components.

Please let us know in the comments section below if you have any queries or require clarification. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!