# User Card Directory

**URL:** https://meta.discourse.org/t/user-card-directory/144479
**Category:** Theme component
**Tags:** official, user-card-directory
**Created:** [March 16, 2020, 2:21pm UTC](https://meta.discourse.org/t/user-card-directory/144479 "2020-03-16T14:21:04Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [March 16, 2020, 2:21pm UTC](https://meta.discourse.org/t/user-card-directory/144479/1 "2020-03-16T14:21:04Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **User Card Directory** changes the `/u` user directory to display a grid of user cards instead of the stats table. |
| 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/user-card-directory) |
| 🛠 | **Repository Link** | [https://github.com/discourse/discourse-user-card-directory](https://github.com/discourse/discourse-user-card-directory) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

> [@](#):
>
> :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=user-card-directory "Ask for support on configuring and using User Card Directory") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=user-card-directory "A bug report means something is broken, preventing normal/typical use of the theme component") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=user-card-directory "Discussion about the user interface of User Card Directory, and how features are presented (including language and UI elements)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=user-card-directory "Discussion about how existing User Card Directory features can be improved or enhanced, and how proposed new features could work")

### Features

 ![Screenshot 2020-03-16 at 14.11.20](https://global.discourse-cdn.com/meta/original/3X/a/8/a8cd958c06c6fd70be35cc77eae23442b7ef446a.jpeg)

### Settings

| Name | Description |
| --- | --- |
| hide current user | Always hide the current user from the grid |
| show stats | Show statistics under each user card |
| default view | |

| Translation | Default |
| --- | --- |
| show\_cards | Show as cards |
| show\_table | Show as table |

### Credits

Big thanks to @joebuhlig for [discourse-biobook](https://procourse.co/portfolio/discourse-biobook/), which inspired this work. And also @angus @fzngagan and @alxpck for prompting the various core improvements we needed to make this achievable.

  

> :discourse2: **Hosted by us?** Theme components are available to use on our Standard, Business, and Enterprise plans.

> Last edited by @JammyDodger 2024-06-13T05:15:39Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![fzngagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fzngagan/32/259349_2.png) [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [March 16, 2020, 2:23pm UTC](https://meta.discourse.org/t/user-card-directory/144479/2 "2020-03-16T14:23:15Z")

</div>

Great. Very delighted to see this one launched.

---

<div class="post-metadata">

### Author: ![Bank\_Live](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bank_live/32/75893_2.png) [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [March 16, 2020, 2:25pm UTC](https://meta.discourse.org/t/user-card-directory/144479/3 "2020-03-16T14:25:31Z")

</div>

I love it. Thank you.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [March 16, 2020, 9:06pm UTC](https://meta.discourse.org/t/user-card-directory/144479/4 "2020-03-16T21:06:00Z")

</div>

Nice! The only weirdness I’m seeing is the website is showing twice on my site [Nature Photographers Network](https://community.naturephotographers.network/u)

 ![imagesample](https://global.discourse-cdn.com/meta/original/4X/4/d/9/4d91ad6533095b533c2fb01014dbe06a888648bb.jpeg)

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [March 16, 2020, 9:26pm UTC](https://meta.discourse.org/t/user-card-directory/144479/5 "2020-03-16T21:26:19Z")

</div>

Excellent component!

Perhaps similar to the duplication that David mentioned, the location is shown twice when the Discourse Locations plugin is used.

 ![Screen Shot 2020-03-16 at 2.17.07 PM](https://global.discourse-cdn.com/meta/original/3X/e/7/e79456f30f7365c0c5122d302f8961cd063ec43c.png)

The first line in the screenshot above is from the Discourse profile location. The second is from the Locations plugin.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 17, 2020, 12:07am UTC](https://meta.discourse.org/t/user-card-directory/144479/6 "2020-03-17T00:07:11Z")

</div>

Thanks @omarfilip and @davidkingham. Looks to be a slight incompatibility with the locations plugin. [Should be resolved now](https://meta.discourse.org/t/locations-plugin/69742/468)

BTW @davidkingham your `/u` page is blank for anonymous visitors… not sure exactly why - but I guess it is one of your plugins and/or themes.

---

<div class="post-metadata">

### Author: ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)
#### Post date: [March 17, 2020, 1:51pm UTC](https://meta.discourse.org/t/user-card-directory/144479/7 "2020-03-17T13:51:49Z")

</div>

This component doesn’t seem to work properly on the latest stable release … I don’t see any of the details on the user cards:

 ![nouserinfo](https://global.discourse-cdn.com/meta/original/3X/b/d/bd54f0d3ec4c35bbe181474634a2663ec29447ac.png)

(That’s the Vincent theme shown, but I also tested it on plain vanilla Discourse with the same results.)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 17, 2020, 1:54pm UTC](https://meta.discourse.org/t/user-card-directory/144479/8 "2020-03-17T13:54:11Z")

</div>

Yes, unfortunately it’s only compatible with the latest tests-passed version of discourse

> [@david](#):
>
> The required APIs were [added](https://github.com/discourse/discourse/commit/ff62911a89d721ebec1716990c5e407e572d8960) to tests-passed on 6th March 2020, so make sure you have updated Discourse since then

---

<div class="post-metadata">

### Author: ![cjk77](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cjk77/32/151779_2.png) [@cjk77](https://meta.discourse.org/u/cjk77)
#### Post date: [March 17, 2020, 1:55pm UTC](https://meta.discourse.org/t/user-card-directory/144479/9 "2020-03-17T13:55:28Z")

</div>

Ah, ok! Thanks for the clarification! (I missed the note about it in the OP 🤦‍♂️ )

---

<div class="post-metadata">

### Author: ![weallwegot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/weallwegot/32/124753_2.png) [@weallwegot](https://meta.discourse.org/u/weallwegot)
#### Post date: [March 21, 2020, 7:33pm UTC](https://meta.discourse.org/t/user-card-directory/144479/10 "2020-03-21T19:33:21Z")

</div>

Thanks this is beautiful and something I’ve been thinking about for a while. I know this is a theme component so not sure it changes any functionality, but asking anyways. Does this happen to enable users to search each other by their attributes?

For instance if a custom attribute for users is `University Attended` and a user wanted to find everyone who went to a particular school could they search for `Stanford` and have all the users pull up here? I saw this [link](https://meta.discourse.org/t/changes-to-the-user-card-data-source/139951) that seemed to maybe imply that but having trouble interpreting it.

might be out of the scope, but i found this post linked on another one that seemed to be headed down that route.

Thanks & awesome work!

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 22, 2020, 10:35am UTC](https://meta.discourse.org/t/user-card-directory/144479/11 "2020-03-22T10:35:25Z")

</div>

Hi @weallwegot,

Unfortunately not, this doesn’t add the ability to filter users by their metadata. It does add a group dropdown, so maybe that could work for you? You could have groups for each university, people could join those groups, and then they would appear in the dropdown

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [March 25, 2020, 11:00pm UTC](https://meta.discourse.org/t/user-card-directory/144479/12 "2020-03-25T23:00:37Z")

</div>

Awesome Theme Component - Though will need to wait for Discourse 2.5 roll out.

---

<div class="post-metadata">

### Author: ![aksoforever](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aksoforever/32/502615_2.png) [@aksoforever](https://meta.discourse.org/u/aksoforever)
#### Post date: [March 27, 2020, 5:33am UTC](https://meta.discourse.org/t/user-card-directory/144479/13 "2020-03-27T05:33:48Z")

</div>

Hi, David  
i have a confusion, when i use search or select a group, my personal user card always shows, whether i am in the group or not in.  
can you help me,  
how to remove my card if i’m not in the select group or i’m not the search name.

---

<div class="post-metadata">

### Author: ![weallwegot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/weallwegot/32/124753_2.png) [@weallwegot](https://meta.discourse.org/u/weallwegot)
#### Post date: [April 4, 2020, 10:53pm UTC](https://meta.discourse.org/t/user-card-directory/144479/14 "2020-04-04T22:53:01Z")

</div>

Ah okay. I see. I meant [this link](https://meta.discourse.org/t/user-card-directory/144479/10) and @fzngagan’s [PR](https://github.com/discourse/discourse/pull/8376), but i see it was declined.

The only thing with the groups approach you mentioned is I think it would put a lot of manual onus on the moderators/admin of the forum to put people in groups as they join or worse, as they update their profile.  
I’m trying to think of a workaround. Perhaps if there was a way to automate the segmentation of users into groups by a custom attribute, dropdown though so its exact matches? Curious if you know of anything like that.  
I’ll look around.

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [April 5, 2020, 9:01am UTC](https://meta.discourse.org/t/user-card-directory/144479/15 "2020-04-05T09:01:19Z")

</div>

nice presentation, it’d be great if one could switch between different displays: grid and table.

also the “filter by group” string can not be translated. may you fix it?

---

<div class="post-metadata">

### Author: ![fzngagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fzngagan/32/259349_2.png) [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [April 5, 2020, 11:19am UTC](https://meta.discourse.org/t/user-card-directory/144479/16 "2020-04-05T11:19:11Z")

</div>

@david

I setup your component on my local setup and results are amazing. Appreciate the efforts.

I noticed there’s a hidden site setting `enable_new_user_card_route` but it doesn’t seem to change the results here. Is the setting required for anything here?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [April 5, 2020, 11:30am UTC](https://meta.discourse.org/t/user-card-directory/144479/17 "2020-04-05T11:30:52Z")

</div>

Nope, that setting is not required for this. It changes the route used for “normal” user cards, so that they’re much more efficient. We’ll be changing the default to true in the next few weeks.

I’ll update in this topic when it’s done: [Changes to the user card data source](https://meta.discourse.org/t/changes-to-the-user-card-data-source/139951)

---

<div class="post-metadata">

### Author: ![Lynne\_Fetterman1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lynne_fetterman1/32/149227_2.png) [@Lynne\_Fetterman1](https://meta.discourse.org/u/Lynne_Fetterman1)
#### Post date: [April 15, 2020, 4:57am UTC](https://meta.discourse.org/t/user-card-directory/144479/18 "2020-04-15T04:57:15Z")

</div>

> [@david](#):
>
> Yes, unfortunately it’s only compatible with the latest tests-passed version of discourse
> 
> > [@david](#):
> >
> > The required APIs were [added](https://github.com/discourse/discourse/commit/ff62911a89d721ebec1716990c5e407e572d8960) to tests-passed on 6th March 2020, so make sure you have updated Discourse since then

We are running the master, which says it is even with tests-passed, but I am still having the problem with missing details on the cards, just as on the screenshot @cjk77 posted. Do we need to switch to tests-passed to get this working?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [April 15, 2020, 8:12am UTC](https://meta.discourse.org/t/user-card-directory/144479/19 "2020-04-15T08:12:39Z")

</div>

You shouldn’t run `master` in production - it sometimes contains commits which have not yet passed continuous integration tests. `tests-passed` is much safer, and only a few minutes behind.

But yes, this theme should work on master. Can you share a link to your site so I can take a look?

---

<div class="post-metadata">

### Author: ![Lynne\_Fetterman1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lynne_fetterman1/32/149227_2.png) [@Lynne\_Fetterman1](https://meta.discourse.org/u/Lynne_Fetterman1)
#### Post date: [April 16, 2020, 4:56pm UTC](https://meta.discourse.org/t/user-card-directory/144479/20 "2020-04-16T16:56:54Z")

</div>

Thanks David. Our site is at connect.arival,travel.

[Next page](https://meta.discourse.org/t/user-card-directory/144479.md?page=2)
