Usercard: show leaderboard rank

Customization Theme component
,

AI-generated summary

The discussion revolves around a theme component called ‘Usercard: show leaderboard rank,’ which adds the leaderboard rank to the usercard, complementing the existing cheers display. chapoi introduced the component, providing a repository link and installation instructions, noting it’s a minimal addition that mirrors the global leaderboard rank. The component includes three settings, with a default rank of 1 if no ID is specified. jrgong suggested integrating the rank into the same section as cheers, formatted like ‘Cheers: 1234 (:military_medal: #3),’ but chapoi explained this isn’t feasible due to differing data connectors in core. NateDhaliwal commented on a related discovery about URL parameters, and chapoi offered help with CSS workarounds for the suggested layout.

1
:information_source: Summary Tiny component to add the Leaderboard Rank to the usercard
:hammer_and_wrench: Repository repo
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

The usercard already shows the amount of cheers, so this component makes a small addition to also show the rank:

CleanShot 2025-08-15 at 15.15.05@2x
CleanShot 2025-08-15 at 15.15.05@2x1310×496 76.2 KB

The word “Rank” is taken from the leaderboard itself, so if you change it globally it will reflect so here.

Settings

Only three settings:

CleanShot 2025-08-15 at 15.16.47@2x
CleanShot 2025-08-15 at 15.16.47@2x1276×626 21.6 KB

If no ID is chosen it will default back to 1.

Hoping this wins the award for “Lowest Impact Theme Component Ever” :trophy:

8 Likes
Idea/Suggestion for an option: Display additonally current Leaderboard Rank
Idea/Suggestion for an option: Display additonally current Leaderboard Rank
2

That was fast :smiley:

What are you thoughts to display it inside the same div as the “Cheers” score instead of a separate div?

so that it looks like this:

Cheers: 1234 (:military_medal: #3)

(As Icon, maybe something FA5 more related to the leaderboard + the content inside () links to the leaderboard as well)

2 Likes
3

Cool thought, but whole other ballpark I think. Now, I’m plopping it in via a connector, while the cheers is coming from a different connector in core. Afaik, not possible unless we do it via core in the same connector.

4

Also I learned something new today - that the period can be changed by adding the args to the URL.

Great TC!

1 Like
5

thx for the explanation!

Then I guess, I will have another round of CSS workarounds then :smiley:

6

Let me know if you need help, I’m reasonably sure it’s doable

2 Likes