Hello guys, I need your help about fontawesome

Hi everyone, I would like to know how to make a dynamic fontawesome list so my app users can choose which icon to use.

Please see this example:
image

Help me please guys!

Hi there @antonioclsilva82,

Maybe font awesome has an API? I’d check to see if that’s a thing.

1 Like

Take a look at this example - louisforum | Bubble Editor

As Johnny says, you’ll need to find a way to get the list of available font awesome codes into your app. For this example I manually added a few as option sets. I hope it helps.

3 Likes

Expanding on the above, I would:

  1. Create a font awesome datatype with a field to hold the fa name.

  2. Get the list of icon names at the below link (check Bubble’s documentation however to confirm this is still the version they use). Copy and past the names into a spreadsheet, sort and remove dupes, and then upload to the fa datatype in Bubble using CSV upload.

https://fontawesome.com/v4.7/icons/

  1. To show the list to users, create a repeating group that dynamically populates based on the codes in the fa datatype.

  2. Put a workflow in the repeating group that lets users select icons, and save them in a custom state (for temporary use), or a datatype tied to the user (for ongoing use).

2 Likes

This is a useful reference for Font Awesome support in Bubble.
https://font-awesome-supported.bubbleapps.io/

3 Likes

Thanks man, your answer was a great solution.
Thank you very much.

1 Like

Thanks dude, your answer was helped me a lot.
Thank you very much

1 Like

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