# Avatar Flair (not Badges) for Groups

**URL:** https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576
**Category:** Feature
**Created:** [2016年八月12日 21:14 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576 "2016-08-12T21:14:06Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年八月12日 21:14 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/1 "2016-08-12T21:14:06Z")

</div>

A customization that people keep asking for is to show a little badge on user avatars based on group membership. This was first done on the [Twitter Developers forums](https://meta.discourse.org/t/interested-in-setting-up-staff-avatar-badges-a-la-twitter-community/35070):

 ![](https://global.discourse-cdn.com/meta/original/3X/c/a/ca9a4d5004facec384f958428f56d1ce3aa043aa.png)

and has since sprung up here on Meta, on Turtle Rock in multiple forms, and other places.

![](https://global.discourse-cdn.com/meta/original/3X/f/3/f3adf28d283dee0495da5e61c0f59d76acf10d49.png) ![](https://global.discourse-cdn.com/meta/original/3X/0/1/01b6ae88aa2d1af23e77b9eab794644a1a4e680b.png) ![](https://global.discourse-cdn.com/meta/original/3X/3/6/360565a02565ffa7bcec5051019aed09aa2404b3.png)

Those are implemented with CSS which is fragile and often renders them where they shouldn’t…

It’s time to build this into Discourse!

### Badge?

First, I don’t know if “badge” is the best word for them because we already have [Badges](https://meta.discourse.org/badges). Is there another term we could use?

### Group settings

Since these avatar badges are shown **based on a user’s primary group** , they can be defined in the group settings. I imagine something like this:

 ![](https://global.discourse-cdn.com/meta/original/3X/f/7/f725a9d674b3f355941ae349dc32f0100ee3039b.jpg)

Some other additions:

- include these badges by default for the **admins** and **moderators** groups.
- ability to show these based on trust level?

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2016年八月12日 21:16 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/2 "2016-08-12T21:16:54Z")

</div>

> [@neil](#):
>
> First, I don’t know if “badge” is the best word for them because we already have Badges. Is there another term we could use?

I’ve seen a lot of sites using “flair” for this.

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年八月12日 21:19 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/3 "2016-08-12T21:19:06Z")

</div>

Yeah I’ve been using that too.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/2/02489bc53eed5bc8232234bf70dafabbe5e61c24.jpg)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年八月12日 21:22 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/4 "2016-08-12T21:22:01Z")

</div>

How many pieces of flair can we add to our avatar? Because Brian has ~~thirty-four~~ thirty-seven.

> STAN  
> I need to talk about your flair.
> 
> JOANNA  
> Really? I have 15 buttons on. I, uh, (shows him)
> 
> STAN  
> Well, ok, 15 is minimum, ok?
> 
> JOANNA  
> Ok.
> 
> STAN  
> Now, it’s up to you whether or not you want to just do the bare minimum. Well, like Brian, for example, has 37 pieces of flair. And a terrific smile.
> 
> JOANNA  
> Ok. Ok, you want me to wear more?
> 
> STAN  
> Look. Joanna.
> 
> JOANNA  
> Yeah.
> 
> STAN  
> People can get a cheeseburger anywhere, ok? They come to Chotchkie’s for the atmosphere and the attitude. That’s what the flair’s about. It’s about fun.
> 
> JOANNA  
> Ok. So, more then?
> 
> STAN  
> Look, we want you to express yourself, ok? If you think the bare minimum is enough, then ok. But some people choose to wear more and we encourage that, ok? You do want to express yourself, don’t you?
> 
> JOANNA  
> Yeah. Yeah.
> 
> STAN  
> Great. Great. That’s all I ask.
> 
> JOANNA  
> Ok.

_I thought I remembered you saying that you wanted to express yourself._

https://www.youtube.com/embed/KJtrLKGZZFg?feature=oembed&wmode=opaque

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年八月17日 20:31 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/5 "2016-08-17T20:31:03Z")

</div>

This is mostly done. It shows the flair on avatars beside posts for now. While testing, this was crying for an optional color field too, so I added it.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/0/9082d27e33864c7f27cfe87a4be362d24b495411.png)

---

<div class="post-metadata">

### Author: ![Martyn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martyn/32/115601_2.png) [@Martyn](https://meta.discourse.org/u/Martyn)
#### Post date: [2016年八月22日 12:47 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/6 "2016-08-22T12:47:35Z")

</div>

> [@neil](#):
>
> include these badges by default for the admins and moderators groups.

Is this still on the agenda?

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [2016年八月22日 13:54 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/7 "2016-08-22T13:54:48Z")

</div>

I would love to be able to do this for multiple groups rather than just the primary one. Although I’d have thought they’d be small grey ones like the Moderator shield. You could have a dozen and it’d still be fairly unobtrusive.

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年八月22日 15:33 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/8 "2016-08-22T15:33:02Z")

</div>

> [@Tom\_Newsom](#):
>
> You could have a dozen and it’d still be fairly unobtrusive.

How would you display a dozen (or thirty-seven) flair on one avatar??

> [@Martyn](#):
>
> Is this still on the agenda?

Yes, although I don’t have images for them… What should they be?

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [2016年八月22日 15:55 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/9 "2016-08-22T15:55:04Z")

</div>

Not on the avatar, on the username.

![](https://global.discourse-cdn.com/meta/original/3X/2/e/2e1332e660079f751af8f29d6b8a646741032053.jpg)

My particular use case:

We have teams (groups) responsible for different areas of a workshop. Some people are members of multiple teams. It’s good to know what authority a person holds when you’re talking to them. _“Ah, I’d better listen to what Jane says about the oscilloscope; she’s got a little lightning bolt by her name which means she’s an electronics technician”_

EDIT: My html bodging made the user info bits display on new lines. ignore that 😃

---

<div class="post-metadata">

### Author: ![Martyn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martyn/32/115601_2.png) [@Martyn](https://meta.discourse.org/u/Martyn)
#### Post date: [2016年八月23日 11:45 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/10 "2016-08-23T11:45:18Z")

</div>

> [@neil](#):
>
> Yes, although I don’t have images for them… What should they be?

Maybe something like this?

![](https://global.discourse-cdn.com/meta/original/3X/a/8/a8d036ee0ab3d44ec51c1c2ec2a7142b0961f689.jpg) ![](https://global.discourse-cdn.com/meta/original/3X/1/e/1ee07f741885b8c59288d1b2b6a505324e2d2ab6.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2016年八月25日 18:50 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/11 "2016-08-25T18:50:07Z")

</div>

Hey, I’m just looking into avatar flair and really like it! Nice work, guys. 🚀

While experimenting with this on my site, I was expecting/hoping to find the ability to add font awesome class icons, similar to adding badges. Is there a particular reason this was not done for flair?

 ![](https://global.discourse-cdn.com/meta/original/3X/f/f/ffa46476f0594f642df5fbc73628e9860fc71221.png)

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [2016年八月25日 18:59 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/12 "2016-08-25T18:59:58Z")

</div>

Good idea. 👍

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2016年八月26日 00:00 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/13 "2016-08-26T00:00:34Z")

</div>

Hmm.. I’ve configured the avatar flair field but nothing is showing up in discussions. Is there something else I need to do to make flair show up, like add custom css or run a sidekiq task?

---

<div class="post-metadata">

### Author: ![kuyashi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuyashi/32/82068_2.png) [@kuyashi](https://meta.discourse.org/u/kuyashi)
#### Post date: [2016年八月26日 00:09 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/14 "2016-08-26T00:09:08Z")

</div>

Same issue here ..

 ![](https://global.discourse-cdn.com/meta/original/3X/3/2/32e9c4fe339fef0be5d46e8b930c721b0d5d3abe.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2016年八月26日 00:15 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/15 "2016-08-26T00:15:16Z")

</div>

nice to know I’m not alone. 😉

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2016年八月26日 01:05 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/16 "2016-08-26T01:05:37Z")

</div>

Ah - I got it working on my site. @kuyashi.. the answer is that you have to select the “automatically set as primary group” for the flair to show up. I guess it has to know which one takes priority.

---

<div class="post-metadata">

### Author: ![kuyashi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuyashi/32/82068_2.png) [@kuyashi](https://meta.discourse.org/u/kuyashi)
#### Post date: [2016年八月26日 01:15 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/17 "2016-08-26T01:15:30Z")

</div>

Thanks @tobiaseigen 😉

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年八月26日 01:16 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/18 "2016-08-26T01:16:00Z")

</div>

Only the primary group for the user will show it. A user could be a member of 10 different groups, etc.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2016年八月26日 01:17 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/19 "2016-08-26T01:17:01Z")

</div>

when you’re at the bleeding edge, you gotta love the undocumented features! 🙂

not even sure actually what “automatically set as primary group” means. Does this mean that when the person is awarded the badge, their “primary group” is set to this group from whatever it was previously? Does primary group have any other purpose?

---

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [2016年八月26日 07:04 UTC](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576/20 "2016-08-26T07:04:23Z")

</div>

If you couple a primary group with the “default title” setting, you can automatically assign helpful titles to users. I use this at my system for displaying a user’s institution (automagically maintained by email address).

[下一頁](https://meta.discourse.org/t/avatar-flair-not-badges-for-groups/48576.md?page=2)
