How to Trigger File Uploader on Icon Click?

Hello Bubble community!

I’m working on a project and I’d like to trigger a File Uploader element when a user clicks on an icon. I’ve set up the File Uploader and the icon, but I’m having trouble figuring out the workflow to make this happen.

Could anyone guide me on how to set up the workflow so that clicking the icon triggers the File Uploader? I’ve tried using the “Show” action on the File Uploader element, but it doesn’t seem to work as expected.

Any help or suggestions would be greatly appreciated!

Thank you!

Hey Amanuel.

  1. Use a group and set its contrains to aligne to parent.
  2. Add you icon and the file uploader to the group
  3. Make the uploader transparent
  4. move the uploader to the front so the icon is behind it.

That should give you the effekt you are looking for. :slight_smile:

1 Like

I want the file name to appear in a separate group along with a text input, allowing me to add a comment before sending it to the chat box. How can I achieve this?

Simple, on that separate group reference the File Uploader