Create a group that automatically adds associated flair to its members' avatars

groups

#1

Here’s how!

But wait, what is group flair? Group flair is the small image that displays on the bottom right of a user’s avatar. It’s only visible in certain areas of a Discourse forum, but I’m sure you’ve seen it here on Meta in a few places:

33%20PM

Alright, so let’s set up a group that automatically adds group flair to its users’ avatars:

Note: if you are running an older version of Discourse (pre-2.0.0.beta5), expand the following, otherwise, continue on.

Expand for older Discourse version instructions

Legacy Instructions

Go into in your admin panel and select Groups --> Custom --> + New.

There are two main sections in the “New Group” settings that are important to make sure group flair is automatically applied:

(Around the middle of the settings)

(At the bottom of the settings)

1. This is optional, but if you set step 3, you will need at least one group owner to handle the approval

2. If the group will be freely joinable, check this box

3. If, instead, the group you are creating will require a user to be approved by a group owner before they are added, check this box

4. Setting this will make sure to automatically display the group flair on a user’s profile

NOTE: If you are a part of two groups that have this setting, the group flair you see will be for the most recent group that was joined. This can be manually overridden by an admin on a user’s admin page.

5. Choose the group flair image. To have a sharp-looking image, it should be around 100x100px. The one the Discourse Team uses on here is 88x88px

Current Instructions

Open your hamburger menu, select “Groups,” then select + New Group and find the following settings:


1. This is optional, but if you set step 5, you will need at least one group owner to handle the approval

2. Choose the group flair image. To have a sharp-looking image, it should be around 100x100px. The one the Discourse Team uses on here is 88x88px

3. Setting this will make sure to automatically display the group flair on a user’s profile

NOTE: If you are a part of two groups that have this setting, the group flair you see will be for the most recent group that was joined. This can be manually overridden by an admin on a user’s admin page.

4. If the group will be freely joinable, check this box

5. If, instead, the group you are creating will require a user to be approved by a group owner before they are added, check this box

That’s it!


Trust-Level Avatar Flair
(Nichalas Petranek) #2

I’m trying to set the image with the URL of a .png file that I searched for on Google but it isn’t working.

Here is the URL used:
https://goo.gl/images/8ShrtH

It’s the British Airways speedmarque that I want to use for the group flair. Any help in getting this working is appreciated.


(Joshua Rosenfeld) #3

That shortened URL, once expanded, doesn’t actually point to an image, but a Google Images search result

http://images.google.com/imgres?imgurl=http://pluspng.com/img-png/british-airways-vector-png-it-s-a-logo-of-the-british-airways-reduced-to-a-small-simple-ribbon-the-ribbon-png-50-px-1600.png&imgrefurl=http://pluspng.com/british-airways-vector-png-1862.html&docid=1eBF8ol8r6m3xM&tbnid=4PlsJJD6gs-f6M:&w=1600&h=1600&source=sh/x/im

You need to use a link that points directly to an image. In this case you want:

http://pluspng.com/img-png/british-airways-vector-png-it-s-a-logo-of-the-british-airways-reduced-to-a-small-simple-ribbon-the-ribbon-png-50-px-1600.png

(Nichalas Petranek) #4

Thanks for the help. I’ll keep that in mind for when I add American airlines logo and Qantas logo for avatars flairs.