Skip to Content (Press Enter)
UserImage.jpg
saravanakumar v
88Views
6Comments
dropdown with icon and text
Question
Beginner

Hi All

I want to show icon with text in a dropdown.  the icon and text will be static when we click on the dropdown the list opens.is there any existing widget i can use. please advise

PFA requirement screenshot

Thanks

Kumar


sc1.png
0
0
12 Jun 2024
Copy Link
2024-05-14 06-49-08
Karnika-EONE
2024-06-30 04-29-36
Priya Jhode

Hello, @saravanakumar v 

Please Check This Post 

Hope, This Post will helps you.

Best Regards

0
0
12 Jun 2024
Copy Link
2025-08-03 07-20-35
Mythily - EONE

Hi SaravanaKumar,

In the DropdownWidget, you have an optionContent , select Custom.

And you can add icon and Exp, as shown

DEmo Link - Click Here

Let me know if you have any queries.

Thanks

0
0
12 Jun 2024
Copy Link
UserImage.jpg
saravanakumar v

Hi All

The icon and text "Disease Area" will be shown when the list is closed. when it is open it will only show the list item, no icon along with each list item

Thanks

Kumar

0
0
12 Jun 2024
Copy Link
2025-08-03 07-20-35
Mythily - EONE

Hi,

You can achieve above by handling in CSS.

.dropdown-display .fa{       display: inline-block !important;}.dropdown-popup-row .fa{     display :none;}


Include the above code in CSS.

Let me know if it fix your issue.

Thanks

0
0
12 Jun 2024
Copy Link
2025-07-31 10-32-21
Vikram garasiya

Hi, @Saravana Kumar Sivaraj 

I have achieved it previously using the same approach as Mythili. You can use dropdown and set content property to custom to show icon with text in dropdown list.


Hope you find solution. if you need I can share your OML.

0
0
14 Jun 2024
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.