# Topic List Previews (TLP)

**URL:** https://meta.discourse.org/t/topic-list-previews-tlp/209973
**Category:** Theme component
**Created:** [November 23, 2021, 12:25pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")
**Posts on this page:** 20
**Page:** 12

<div class="post-metadata">

### Author: ![Julie\_Dee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/julie_dee/32/277168_2.png) [@Julie\_Dee](https://meta.discourse.org/u/Julie_Dee)
#### Post date: [October 19, 2022, 2:44am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/223 "2022-10-19T02:44:14Z")

</div>

This plugin looks great, @merefield.

Can we use this to make the category landing pages have a similar appearance to the main community home?

And if we use Discourse Hub, how does the community look with this plugin active?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [October 19, 2022, 6:46am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/224 "2022-10-19T06:46:23Z")

</div>

Thanks!

> [@Julie\_Dee](#):
>
> Can we use this to make the category landing pages have a similar appearance to the main community home?

Category Discovery home is the _only_ unsupported route at present unfortunately. There are no thumbnails serialised for this route and the way it’s rendered is different to all the other discovery routes. See further: [Topic List Previews (TLP) - #105 by merefield](https://meta.discourse.org/t/topic-list-previews-theme-component/209973/105)

However, you might be able to use a side bar to present Categories and still display a Latest page. I use a similar technique with [https://starzen.space](https://starzen.space) but I’m more interested in Tags in my case.

On Starzen I use the Layouts plugin with the Tag and Tag Intersection Widgets.

> [@Julie\_Dee](#):
>
> And if we use Discourse Hub, how does the community look with this plugin active?

No different to web page. Feel free to add my example site [https://starzen.space](https://starzen.space) to your Hub temporarily to see the effect

---

<div class="post-metadata">

### Author: ![FutureChaser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/futurechaser/32/279332_2.png) [@FutureChaser](https://meta.discourse.org/u/FutureChaser)
#### Post date: [October 30, 2022, 8:51pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/225 "2022-10-30T20:51:51Z")

</div>

@merefield awesome plugin!! Not sure if this had been mentioned (I did a thorough search but couldn’t find anything relevant) – the issue is, on mobile, when I scroll up and down in chrome, there is a topic-card level animation that seems a bit annoying. Each time my finger touches a card, it goes up and down. Can you point out where in the code i can disable this animation? Many thanks!!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [October 30, 2022, 9:03pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/226 "2022-10-30T21:03:28Z")

</div>

Do you see the issue on [https://starzen.space](https://starzen.space)? There is a press animation but it shouldn’t kick in if you are scrolling. It’s only CSS so you could easily disable it by overriding the CSS locally.

---

<div class="post-metadata">

### Author: ![FutureChaser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/futurechaser/32/279332_2.png) [@FutureChaser](https://meta.discourse.org/u/FutureChaser)
#### Post date: [October 30, 2022, 9:25pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/227 "2022-10-30T21:25:25Z")

</div>

@merefield Yes, I see the same issue, on iPhone though. Let me share a quick screen recording

[![](https://global.discourse-cdn.com/meta/original/4X/d/4/a/d4accbf1b3159550e91456577c256e8fb1f13f8a.jpeg "October 30, 2022") ](https://www.youtube.com/watch?v=Rls34xfqrJE)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [October 30, 2022, 9:32pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/228 "2022-10-30T21:32:07Z")

</div>

Yep that’s the press animation. You can probably disable it if you inspect the CSS and add the corresponding unsetting styling. Your demo is rather exaggerating it, it doesn’t bother me on iPhone?

It’s not adding a massive amount to mobile though and harks from the days when the entire surface was a click to enter event (but Ember prevents this from working with the title click). Then again it’s not annoying me much either and you are the first to complain about it? I’ll have a think about potentially removing this on mobile.

---

<div class="post-metadata">

### Author: ![FutureChaser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/futurechaser/32/279332_2.png) [@FutureChaser](https://meta.discourse.org/u/FutureChaser)
#### Post date: [October 31, 2022, 1:14am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/229 "2022-10-31T01:14:42Z")

</div>

Thanks for the recommendation! While waiting for your actions, we’ll explore and see if we can find a way to identify where this pressing animation is defined, disable it and override with a local CSS. cc: @wjxphysics

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 3, 2022, 3:17pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/230 "2022-11-03T15:17:34Z")

</div>

A couple of updates:

- Core changes broke search:

[https://github.com/paviliondev/discourse-tc-topic-list-previews/pull/25](https://github.com/paviliondev/discourse-tc-topic-list-previews/pull/25)

- I’ve removed active animation from mobile to make scrolling smoother:

[https://github.com/paviliondev/discourse-tc-topic-list-previews/pull/26](https://github.com/paviliondev/discourse-tc-topic-list-previews/pull/26)

@FutureChaser thanks for the suggestion.

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [November 6, 2022, 5:42am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/231 "2022-11-06T05:42:10Z")

</div>

I forgot where I enabled this, but can anyone help me disable like and bookmark button from the thumbnail view?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 6, 2022, 8:07am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/232 "2022-11-06T08:07:42Z")

</div>

You can either:

- remove the sidecar plugin (but you will lose other useful functionality)
- remove routes from topic list actions settings

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [November 6, 2022, 8:19am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/233 "2022-11-06T08:19:10Z")

</div>

> [@merefield](#):
>
> remove routes from topic list actions settings

Oh thanks, “actions” got me to the right settings

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [November 14, 2022, 8:59pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/234 "2022-11-14T20:59:36Z")

</div>

Hi Rob, I’ve noticed an error in the console which seems to be related to the TLPs TC:

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/b/4/8b4bd6cb4164853019ed8f23b21d513c9e11c1a9.png)

Is related to this:

![image](https://global.discourse-cdn.com/meta/original/4X/3/1/2/312b9726f557a313116d059b59edd5ee10340968.png)

It goes away when TLPs TC is disabled. Not sure what problem it causes though.

### Also - tweak of wiki

I’ve removed the links to [thepavilion.io](http://thepavilion.io) for this bit as they are no longer live:

> [@merefield](#):
>
> 🙋‍♀️ **Request a feature** or 🐛 **Report a bug** : _as a reply to this topic_

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 15, 2022, 8:43am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/235 "2022-11-15T08:43:18Z")

</div>

Yep, I had noted that issue, will take a look at some point. Does not appear critical nor impacting any functionality, just not particularly elegant.

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [November 21, 2022, 9:49am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/236 "2022-11-21T09:49:40Z")

</div>

Hello,  
Can we dispay full title of category in mobile layout?  
Thank you!

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/7/0/77097cc7aa510bfabb904f93a4e8bcec446a564a.jpeg)

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [November 22, 2022, 4:23am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/237 "2022-11-22T04:23:02Z")

</div>

Hello,  
My website don’t display photo thumbnail in mobile mode

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/b/3/6b3dea397f89762db3f98e9bb4906974031019d2.jpeg)  
Can you help me fix them?  
Thank you!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 22, 2022, 9:15am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/238 "2022-11-22T09:15:34Z")

</div>

> [@thaidb](#):
>
> Can we dispay full title of category in mobile layout?

Sorry I cannot support individual customisation, but please go-ahead and have a go at customising or involve a developer.

> [@thaidb](#):
>
> My website don’t display photo thumbnail in mobile mode

I’ve just updated to latest and there are no issues I can see (note: this only supports latest `tests-passed`)

What steps have you taken so far to debug it?

- any errors in your console log on desktop browser with `?mobile_view=1` querystring at end of URL?
- any suspicious errors in your logs?

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [November 22, 2022, 4:06pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/239 "2022-11-22T16:06:39Z")

</div>

> [@merefield](#):
>
> What steps have you taken so far to debug it?

I found the reason…  
I’ve used component : [Hide user column](https://meta.discourse.org/t/hide-users-column/143506) build by @dax . I disable it and thumbnail display normal.

> [GitHub - discourse/discourse-hide-users-column: A theme component for Discourse · GitHub](https://github.com/discourse/discourse-hide-users-column)

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [November 23, 2022, 2:52am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/240 "2022-11-23T02:52:20Z")

</div>

Hello,  
How can we setup this theme component effect with [Docs plugin](https://meta.discourse.org/t/discourse-docs-documentation-management/130172)

Thank you,

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [November 23, 2022, 8:34am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/241 "2022-11-23T08:34:08Z")

</div>

If I’m understanding right your question and you are looking for same outloot at docs-page than what you get on plain forumside, you can’t. Docs plugin is expanding how to show some topics and is kind of another way alter look of Discourse, as topic list previews is too.

I’m simplifieng hard now, but

- TLP is fine tuning look of forum
- Docs is giving static-like way to browse some content

Two different tool to different content or purpose, kind of. Docs is like a library or browser used to shown special content. Like faqs, helps or, as I’m using it, blogs.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 23, 2022, 6:48pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/242 "2022-11-23T18:48:37Z")

</div>

I’ve not at any stage explicitly developed or tested this with the Docs plugin, so I can only say it isn’t currently intentionally supported. PR welcome if you discover it is not.

[Previous page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=11)

[Next page](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=13)
