Is there anyway to insert an icon in the dropdown or date field?

Hi guys,

I want to insert an icon inside the drowdown or date field like here (figma screenshot). Can I do this in bubble?

You can cheat this using a group. Set the icon to left and the dropdown to full width in this group. Set the dropdown without border and no background and make it above the icon. Set the BG and border on the group instead

1 Like

FYI: there’s a standards proposal to make that easier.
MDN: Customizable select elements - Learn web development | MDN

Wes Bos walking you through it.

2 Likes

thanks and sorry….but how can I change the code of the element in bubble?

Still new to it :slight_smile:

Don’t use this option. This is complex and not needed at all. This seem to also involve adding JS.

1 Like

Thanks. I know what you mean. But will the icon seem like it’s integrated in that placeholder?

If you do it correctly, Yes. But there’s some limitation with styling that you could face. Test it, it doesn’t take long to do :wink: