how to customize single dropdown as image in the left of row and name and email in one below the other in the right of same row

[thowfik]

how to customize single dropdown as image in the left of row and name and email in one below the other in the right of same row 

i have attached the image for my requirement below. 

Thanks in Advance 

Regards

Thowbik

Attachment: screenshotwww.figma.com2019.07.15121346.png_94b39d2f.zip

[Prince Oliver]

Hi Thowbik, 

Thank you for contacting us. 

You can use the itemTemplate property in the DropDownList to customize the items in the popup. Kindly refer to the following UG documentation for more information: https://ej2.syncfusion.com/angular/documentation/drop-down-list/templates/?no-cache=1#item-template 

We have attached a sample for your reference, please find it in the following location: https://stackblitz.com/edit/angular-rauej7 

API reference: https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/?no-cache=1#itemtemplate 

Demo link: https://ej2.syncfusion.com/angular/demos/#/material/drop-down-list/template  

Let us know if you need any further assistance on this. 

Regards, 

Prince