Creating icon with initials (like iMessage)

Hey all - I’ve created an app that lets users upload a profile picture. I have a default photo for folks who haven’t uploaded an image. However, ideally, I’d like the default to be their initials in a circular box (i.e. EL for Edward Larkin) - just like iMessage. Is this possible in Bubble? Thanks!

Ya, I have done this. It is possible. You can truncate the first and last name to the first letter and then display it in a text if their picture is empty.

Let me see if I can give an example for you. Take a look below. Just show when no image is available.

Editor:

Example:

3 Likes

You may be interested in @louisadekoya’s plugin, Alphabet profile images.

2 Likes

I try to avoid adding too many plugins since I notice they slow down my apps. If it is something simple I try to do it within bubble myself. But if you test it out and it doesn’t impact performance then a plugin is just fine. :slight_smile: @ealarkin7 I would try @dan1’s idea and see if it is easy to implement.

This topic was automatically closed after 70 days. New replies are no longer allowed.