How to implement Alphabet Images yourself in Bubble

Tips
1

A few weeks ago, I learnt how to generate my own alphabet images on bubble.
Now, I’m sharing that knowledge to everyone interested via an article.

Alphabet images are lightweight options to traditional avatars, that contain initials of the user’s name, and a colored background (in most cases).

Alphabet images Thumbnail
Alphabet images Thumbnail944×472 56.1 KB

I made sure to simplify the article so even very new bubble developers can easily understand and replicate. You can check it out below:

9 Likes
4
I can imagine how useful alphabet images can be as lightweight alternatives to traditional avatars. It's thoughtful of you to simplify the process in your article, making it accessible even to new Bubble developers. Your effort will surely help many folks out there who are just starting their journey in app development.

And hey, for those looking to explore further, there are some great worksheet templates available online. I’ve stumbled upon a few useful resources at firstworksheets.com that could complement your Bubble projects nicely.

5

Really cool and nice tutorial, big thanks! and i agree, using plugins for everything is easy yes, but it’s more fun when you learn along the way :pray:

6

Wow such a long article for a simple thing.

Just add an image and set the dynamic image path to ui-avatars or any other library and pass the user details.

You don’t have to store the images at all and you can change it at will for everybody.

7

Am I missing something? why an image at all and not just the text?