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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

SFAutocomplete example using custom images per result.

Thread ID:

Created:

Updated:

Platform:

Replies:

141652 Dec 24,2018 05:29 PM UTC Dec 26,2018 09:17 AM UTC Xamarin.Android 1
loading
Tags: SfAutoComplete
Keefe
Asked On December 24, 2018 05:29 PM UTC

Hello,

I am trying to find an example of the sfautocomplete using a custom image per result. I would like to do something like the picture below.

Can anyone point me in the direction of how to create something like the below using custom images for each result in the auto complete?




Thanks!

Dhanasekar R [Syncfusion]
Replied On December 26, 2018 09:17 AM UTC

Hi Keefe, 
  
Greetings from Syncfusion. 
  
Query:” SfAutoComplete example using custom images per result.” 
  
We have validated your query and your requirement can be achieved by using an ImageMemberPath property, you can set the image as a string property and add into a collection. 
 
We have prepared a sample for the same and have a sample from the following link 

Code Snippet
  ObservableCollection<Employee> employeeDetails = new ObservableCollection<Employee>(); 
            employeeDetails.Add(new Employee("Jack""a0.png")); 
            employeeDetails.Add(new Employee("John""a1.png")); 
            employeeDetails.Add(new Employee("James""a2.png")); 
            employeeDetails.Add(new Employee("Jacob""a3.png")); 
            employeeDetails.Add(new Employee("Alice""a4.png")); 
            employeeDetails.Add(new Employee("Arron""a5.png")); 
            employeeDetails.Add(new Employee("Aleena""b0.png")); 
  
            //To display the Name, set the DisplayMemberPath 
            countryAutoComplete.DisplayMemberPath = "Name"; 
  
            //To display the Image, set the ImageMemberPath 
            countryAutoComplete.ImageMemberPath = "Image"; 
  
            //Add the data source 
            countryAutoComplete.DataSource = employeeDetails; 
  
Please check our UG documentation link for more information about our SfAutoComplete control 
  
Please let us know if you have any further clarifications on this. 
  
Regards, 
Dhanasekar 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon