Custom badge form uses same label for icon and image

AI-generated summary

Custom Badge Form Issue with Font Awesome Icons

The discussion revolves around an issue with the custom badge form using the same label for icon and image fields. DanielMarquard and Jean-Baptiste_Thieba report that Font Awesome classes do not display when added to the “Image” field, unlike the “Icon” field.

@mikechristopher suggests that the issue may be due to the version of Font Awesome being used, recommending the use of icons up to version 4.5.0. Jean-Baptiste_Thieba notes that using the suggested fa-user icon would not provide the desired distinction between user types.

@codinghorror acknowledges the issue and requests an update to the latest Font Awesome version. eviltrout responds by committing the necessary changes to the Discourse repository. Jean-Baptiste_Thieba expresses gratitude for the swift resolution.

When adding a new custom badge, the “Icon” and “Image” fields both have labels explaining that an image or Font Awesome class is allowed, but (at least in the list of badges on the left) Font Awesome classes do not display when added to the “Image” field.

Yes, seeing the same thing. Entering ‘fa-user-circle’ in the icon field, I was expecting to see an icon showing next to ‘Pro user’, like for the default icons, but it’s not showing up.

its fa-user that you need to use.

I don’t believe that fontawesome 4.7 icons will work as of yet - therefore user-circle will not work. Should be able to use anything up to 4.5.0

2 „Gefällt mir“

thanks Mike.

fa-user would show the same icon than Basic and Member though, and I wanted to distinguish the Pro users from the other users.

1 „Gefällt mir“

This is a good point we should update to latest font awesome @eviltrout can you take that?

3 „Gefällt mir“

This should do it:

https://github.com/discourse/discourse/commit/30ebaf6b6a1633be1a7bd1af34978af06eb1ddae

9 „Gefällt mir“

Wow. That was fast. Thanks!

1 „Gefällt mir“