# Usercard for groups

**URL:** <https://meta.discourse.org/t/usercard-for-groups/78587>\
**Category:** UX\
**Tags:** user-card\
**Created:** [January 21, 2018, 2:44pm UTC](https://meta.discourse.org/t/usercard-for-groups/78587 "2018-01-21T14:44:22Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)\
**Post date:** [January 21, 2018, 2:44pm UTC](https://meta.discourse.org/t/usercard-for-groups/78587/1 "2018-01-21T14:44:22Z")

</div>

It’d be nice if there were a “usercard” that would pop up when you click on a @mention for a group.

1. Since I’m used to being able to click on a @mention without leaving the page, it’s unexpected that when I click on a @group mention, I’m taken away immediately (especially since there is no visual distinction in the default style between a @group and @user mention… looks like there’s a class that would at least allow us to address that with CSS)
2. It’d also be a good place to show some basic information like:
  - Group description
  - Number of members  
I could see this showing some avatars recently active members with “+ N more”
  - Button-style links to a few key group pages/actions:
    - Activity
    - Members
    - Join Group

I swear I’ve seen this come up here before, but I haven’t been able to find it via search.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [January 22, 2018, 2:09am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/2 "2018-01-22T02:09:42Z")

</div>

I like this a lot, would like to see some visual mockups if a good one pops up we would be happy to put a #pr-welcome on this.

@codinghorror is this something you would like us to slot for 2.0 or 2.1 ?

---

<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:** [April 9, 2018, 1:17am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/3 "2018-04-09T01:17:52Z")

</div>

Usercard for groups is a great idea, let’s do some basic version of it for 2.0!

edit: @featheredtoast could you take this on please?

---

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [April 12, 2018, 12:17am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/5 "2018-04-12T00:17:36Z")

</div>

Yes, I will put it on my todo 📝

---

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [April 16, 2018, 9:52pm UTC](https://meta.discourse.org/t/usercard-for-groups/78587/6 "2018-04-16T21:52:40Z")

</div>

A rough draft:

 ![14%20PM](https://global.discourse-cdn.com/meta/original/3X/1/8/185e1b42f4ffffc01c08b27bb561449475d7021b.png)

I only have membership + message buttons on the card, as don’t think the “delete” button would be used much from the card.

Description may overrun the card in very strange ways, and I didn’t find it very useful to display on the card itself. If you’re looking for a full description of the group, you could navigate to the group page from the card.

Cards look a little dull with no avatars attached to them. What should we do if a group does not have an avatar? My seat of the pants suggestion would be to have [fa-users](https://fontawesome.com/icons/users?style=solid) as a placeholder here.

Is showing avatars in the card sufficient to imply membership?

---

<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:** [April 16, 2018, 10:26pm UTC](https://meta.discourse.org/t/usercard-for-groups/78587/7 "2018-04-16T22:26:07Z")

</div>

Looks good, we can flesh out the details as we see it live here on meta. I think a numeric member count in the group would be helpful more than a dump of all the avatars – but perhaps show the avatar of the group owner(s) specifically if you can?

We probably want feedback from sites that use groups extensively.

---

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [April 16, 2018, 10:35pm UTC](https://meta.discourse.org/t/usercard-for-groups/78587/8 "2018-04-16T22:35:46Z")

</div>

I should have clarified, I have a maximum amount of group members shown as avatars (naively set to 10), and if it spills over, I have a link to the group page with something like `+12 more`. I’ve been following a similar style as the badge count on the user’s cards.

Having a total member count might be nice to have so we don’t have to do math. Prioritizing the group owners’ avatars is indeed a good idea.

Merged in:

[https://github.com/discourse/discourse/commit/75e5f686fb818556412f47a8f26b76c1a1c7dd84](https://github.com/discourse/discourse/commit/75e5f686fb818556412f47a8f26b76c1a1c7dd84)

---

<div class="post-metadata">

**Author:** ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)\
**Post date:** [April 17, 2018, 12:42am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/9 "2018-04-17T00:42:59Z")

</div>

In our case group identities are distinct from the set of current members. The set of current members is important, but the notion of “posts” and “topics” by group _members_ as being representative of the group is less compelling, as people rotate among different groups with some frequency, and even when they _are_ in a group, only some posts by an individual within a group are really relevant to that group.

On the other hand, @mentions of the group are always relevant. I would like to have a link from the card to group mentions. One way to do this would be to have a link to “Activity” and change things so that defaults to the Mentions sub-tab if messages are not routeable.

---

<div class="post-metadata">

**Author:** ![Flower\_Child](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/flower_child/32/94987_2.png) [@Flower\_Child](https://meta.discourse.org/u/Flower_Child)\
**Post date:** [April 17, 2018, 2:11am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/10 "2018-04-17T02:11:25Z")

</div>

I just updated and it seems to have broken regular usercards? The card background images no longer display. I assume this isn’t intended?

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [April 17, 2018, 2:14am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/11 "2018-04-17T02:14:41Z")

</div>

> [@Flower\_Child](#):
>
> I just updated and it seems to have broken regular usercards?

I can confirm this here on Meta. @codinghorror previously had a user card background, as did @mcwumbly. Checking preferences both of them have a user card background configured. cc @featheredtoast

---

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [April 17, 2018, 2:16am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/12 "2018-04-17T02:16:28Z")

</div>

Thanks for the reports - I’ll get the backgrounds back asap

Fixed in: [fix: display user card background image · discourse/discourse@12e321d · GitHub](https://github.com/discourse/discourse/commit/12e321da18d78c210731503cc86cb0140362ed97)

---

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [April 26, 2018, 6:32am UTC](https://meta.discourse.org/t/usercard-for-groups/78587/13 "2018-04-26T06:32:13Z")

</div>


