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. Image for the cookie policy date

Show icons / image in DropDownList field problem


I'm using icons to show flags of countries in a DropDownList.
While this works, I can't get the DropDownList to show the flag in the initial value:

how can I display the image in the first field?

1 Reply

PO Prince Oliver Syncfusion Team August 7, 2017 09:13 AM UTC

Hi Paul, 

Thank you for contacting Syncfusion support. 

To display an image in the dropdownlist when an item is selected, we need to use the select event in the DropDownList and hide the existing input element to display the customized element. Kindly refer to the following UG Documentation link for more information: https://help.syncfusion.com/js/dropdownlist/howto#select-the-image-rather-than-the-text-from-the-dropdownlist-when-the-template-concept-is-used 


Live Chat Icon For mobile
Up arrow icon