Search inside Dual List-box

Question

Hi Syncfusion Team,We are trying to customize the search inside Dual list-box to search for list of items inside it. I have attached sample design below for reference. How can we achieve this?Thank You

Janakiraman Sakthivel · Answer

Hi Bhagyasri,

Thank you for contacting Syncfusion support.

We can achieve your reported requirement by using allowFiltering and filterBarPlaceholder as shown below.

Code Example:

<ejs-listbox [allowFiltering]=true filterBarPlaceholder='Search'></ejs-listbox>

For your convenience, we have prepared the sample. Please find the link below.

Sample Link: https://stackblitz.com/edit/angular-juro3p?file=app.component.html

API Links:

https://ej2.syncfusion.com/documentation/api/list-box/#allowfiltering

https://ej2.syncfusion.com/documentation/api/list-box/#filterbarplaceholder

Could you please check the above links and get back to us, if you need any further assistance on this.

Regards,

Janakiraman S.