Search in ToolBar

Hello all,

is there a sample of syncfusion with an AutoComplete-SearchField in the Toolbar of the Android-Application.

The idea is:
- having the normal title of a ContentPage with a magnifying glass on it.
- pressing the magnifying glass you will get a entry field for search
- this entry field should have an autocomplete functionality with listbox of suggestions

I hope, somebody has me an example ...



1 Reply 1 reply marked as answer

RS Ruba Shanmugam Syncfusion Team February 2, 2021 02:50 PM UTC

Hi Alexander,

Greetings from Syncfusion.

We have validated your query and we have prepared a sample based on your requirement and you can achieve by adding SfAutoComplete View in toolbar using NavigationView. We have prepared a sample for your reference and get the code snippet and sample from below.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AutoComplete_Toolbar-1852380021
 
Code Snippet: 
  
<NavigationPage.TitleView>
         <Grid BackgroundColor="Transparent">
         <Grid.RowDefinitions>
                  <RowDefinition Height="40"/>
          </Grid.RowDefinitions>
          <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="*"/>
                  <ColumnDefinition Width="30"/>
          </Grid.ColumnDefinitions>
          <auto:SfAutoComplete Grid.Column="0" Watermark="Search Google or type a URL" x:Name="autoComplete"/>
          <Image BackgroundColor="Black" Grid.Column="1" Source="search.png"/>
   </Grid>
</NavigationPage.TitleView> 
 
  
Please let us know, if you have any other concerns.

Regards,
Ruba Shanmugam 


Marked as answer
Loader.
Up arrow icon