Featured Cards component

Okay, that’s fair enough. :+1:

I was looking to tie this #theme-component in with a concept that’s being worked on.

Also, the “hot” category topic sorting option I mentioned earlier already (sort of) exists in the form of a #plugin:broken-plugin.

1 Like

Okay I see… you just made me change my wording :wink: I’ve written feed twice, but I changed it to column. The goal of this component is to feature specific selected topics. I don’t doubt you could also make it work more like a dynamic feed. But if that’s your goal, I’d rather just style the existing list views to get there. You know, just use a component like Topic List Previews or Topic List Thumbnails and style the list items more like cards. Working directly on the lists is all integrated with navigational elements and filters on Discourse. You won’t get that with this component.

1 Like

Yeah, true. I’m just trying to look at all the options I have at my disposal. This topic was posted just as I was browsing Discourse Meta, so it ended up catching my attention.


Hmmm, not really showing a thumbnail :frowning:

1 Like

Hmm, I only get his look when I de-select all contents :upside_down_face:

Did you try different browsers? If it’s not a browser issue (and if it is, please let me know your setup) I could inspect the CSS on your site. But you’d need to share your url, here on on a pm.

1 Like

Is this component still working?

Why shouldn’t it working anymore? It’s not marked as broken or something and it’s only 3 months old.


Loving this component, thank you so much! :tada:

What’d be great is, if you could have a “pinned” featured topic (i.e. the “Welcome to this Forum” topic), that is always shown, even if topics are randomly chosen from #featured. I think that would be really awesome, not just for my use case but also many others. Could that be implemented?

1 Like

Help @nolo ?
I love this component! But I have a small problem. :point_down:

On my admin account, I can see the cards great.

On my “regular” user account, I have dead space and the cards don’t show.

Any assistance or suggestions would be helpful before I have to figure something else out :smiley:

1 Like

Looks like you use a tag that’s not visible to regular users?

You can hide tags from showing on the cards through the component settings. But the tag itself has to be visible to the group that should see the tagged topic as a featured card.


That fixed it.
I just edited my tag groups and thought I would hide that one so no one knew it was there but admin. Thank you!!

1 Like

Thanks for the suggestion @diabolicvincent! Though I guess I won’t implement this as a feature. One reason is that (as mentioned on the credits), I didn’t program the logic of this component. It’s quite complex already for my taste and I don’t want to mess with it myself.

More generally, philosophically, conceptually… :nerd_face: I actually believe it’s better ui design when official content is easily distinguishable from user-generated one. In that regard I’m already not a fan of pinning topics within an otherwise dynamic list of user topics.

Is there any way to auto show latest posts without using a tag? I don’t want to use a tag to manually push the posts to the featured section.

No, not directly. You can choose categories, but only to restrict the selection of topics. I wouldn’t want to add more logic to enable this option.

A workaround could be to auto-tag all new topics, using a wildcard:

Or use a different component. If you can explain the look that you want to achieve a bit more, maybe I can recommend one.

Thanks for your response.

Adding a specific tag for the component will be an added bloat in the long term if I ever decide to remove this component.

So, the best logic for the component would be to auto-pick the latest posts if no tag is specified.

In case I ever remove the component, I will have to look for all the threads using the “featured” tag and untag them all.

You can remove tags from topics very quickly by filtering by tag and using the Bulk Action options:



I think it only grabs the ones visible on the screen, so I often scroll down to load them all before applying the bulk action. :+1:

1 Like

Well, you can also just delete that tag and it’s gone :headstone: :upside_down_face:

1 Like

On a general note: The component is forked from the official Featured Tiles Component. The whole idea and motivation for me was to have a cards-look with the functionality that component offers. I don’t think I’ll add any more functional features over the original component. The reason is that with regards to code maintenance I want to be able to just follow the compatibility fixes of the official component.

1 Like

In case anyone’s interested: We modified the featured cards component to allow users to scroll horizontally through all featured topics (topic source used: latest).

This is the CSS used:

.featured-cards-container {
    overflow-x: visible;
    flex-wrap: nowrap;
    -ms-overflow-style: none; /* Hide the scrollbar for MS Edge */
    scrollbar-width: none; /* Hide the scrollbar for Mozilla Firefox */
    scroll-snap-type: x mandatory;
    scroll-padding: 8px;

.featured-card {
    scroll-snap-align: start;

.featured-cards-container::-webkit-scrollbar {
    display: none; /* Hide the scrollbar on Webkit based browsers (Chrome, Safari, etc) */
    -webkit-overflow-scrolling: touch; /* On touch screens the content continues to scroll for a while after finishing the scroll gesture */
1 Like

Feature Request.

Can we have an Option to have this displayed on A Specific category page?

ie if viewing Lounge featured cards are shown here

the image shown is Category Image. I am using Air Theme. Application to show featured topics related to that category from it’s subcategory Frontier news.

what is recommended image size for Card image?