Create onebox / preview for Badges

Badges are a huge part of our community.

Our members love them, we’ve added a mountain of custom ones, and they are very much cherished and sought after.

However, whenever we discuss or mention badges we have no nice way of showing them off :pensive:

A good example here on meta would be the new “Support Enthusiast” badge, which looks great:

Screen Shot 2021-10-29 at 21.37.23

But when we link to a badge?

Ohhh boy:

https://meta.discourse.org/badges/140/support-advocate

https://meta.discourse.org/badges/139/support-enthusiast

:cry:

Links to categories are nicely displayed, here’s now we visualise the feature category when we use a link to https://meta.discourse.org/c/feature/2

Looks great!

Can we please do something with our beloved badges? :thinking:

9 Likes

I’ve come up with a work around for the poor displaying of a badge link, I now insert a space at the start of the new link so at least now people see a nicer badge description instead of just a URL.

For example, no leading space:

https://meta.discourse.org/badges/140/support-advocate

One leading space:

Discourse Meta

Better :slight_smile:

I’m guessing when linking to a badge it’s just following the same principle as if linking to a regular topic or a post :confused:

2 Likes

I do like the idea of a swish onebox that includes the Badge image and the description. I’ll put my vote in for it. :raised_hand: :slightly_smiling_face:

2 Likes

Me too, I mean, who wouldn’t :smiley:

Is there a formal method for getting features on to the roadmap?

Could I throw this out in the wild as a paid-for gig? Then try to get a PR approved for core eventually? I’m unsure of the process or what qualifies something for core :blush: