# 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:** 34

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 9, 2025, 7:50pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/677 "2025-10-09T19:50:31Z")

</div>

How do I enable this Wide mode for Full Page Search again?

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/f/6/4f6754ef0782d606c292a59956486212d6114bab.jpeg)

---

<div class="post-metadata">

### Author: ![Eviepayne](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviepayne/32/352733_2.png) [@Eviepayne](https://meta.discourse.org/u/Eviepayne)
#### Post date: [October 10, 2025, 2:40pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/678 "2025-10-10T14:40:06Z")

</div>

I’m trying to figure out the thumbnails on the search.  
I enabled it but I only get the default thumbnail when the search tries displaying the preview. In tag intersections it sees the thumbnails just fine but the search doesn’t work. eg:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/a/6/9a6291aff2936b6560453606c590b8ea4fe54de6.png)

Any ideas on what might cause that?

discourse version: 3.5.0.beta3-dev  
sidecar plugin version: 6.0.1  
theme component version: 52ce844

---

<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 10, 2025, 6:10pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/679 "2025-10-10T18:10:26Z")

</div>

This is working fine on latest - please try to fully update and let me know if you still have issues.

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 10, 2025, 6:13pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/680 "2025-10-10T18:13:40Z")

</div>

It does work on the test server after I’ve updated it, but as you can see I didn’t find how to make it have “wide” style

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/7/3f7e6deac61c3261ba53d2f03f9b67ea8a88b84d.jpeg)

---

<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 10, 2025, 6:18pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/681 "2025-10-10T18:18:30Z")

</div>

> [@Dimava](#):
>
> How do I enable this Wide mode for Full Page Search again?

This was never implemented on search. It’s a feature request.

Check the grid options (one on sidecar, one on theme c) if you want things to take up less space.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/1/9/c198ca0c19c4a7db647ffe2c7bfcf3c5e3f10b5a.jpeg)

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 10, 2025, 6:24pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/682 "2025-10-10T18:24:44Z")

</div>

That’s exactly the thing I’ve disabled because I felt it was cringe  
But yes, if there’s nothing better then it’s better then fullscreen images lol

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 10, 2025, 6:26pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/683 "2025-10-10T18:26:40Z")

</div>

> [@merefield](#):
>
> This was never implemented on search. It’s a feature request.

Where should I post the FR (to stop asking why it doesn’t work each time I forget it’s not implemented lol)

---

<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 10, 2025, 7:15pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/684 "2025-10-10T19:15:16Z")

</div>

There’s no equivalent API to the Topic List on search so layout options are more limited.

You cannot overwrite templates anymore.

PR welcome to improve this view.

---

<div class="post-metadata">

### Author: ![Eviepayne](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviepayne/32/352733_2.png) [@Eviepayne](https://meta.discourse.org/u/Eviepayne)
#### Post date: [October 12, 2025, 5:33pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/685 "2025-10-12T17:33:11Z")

</div>

Still have the issues post upgrade of the forum.

It’s now: [db67a0841e](https://github.com/discourse/discourse/tree/db67a0841e8e14ae70de0890441f8158c50ae3c9) (3.6.0.beta2-latest)

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 13, 2025, 9:03pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/686 "2025-10-13T21:03:08Z")

</div>

We have borked bookmarks  
…  
One installation on 3.6.0.beta2-latest has this bug while another one on 3.6.0.beta2-latest doesnt have this bug  
Wut

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

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 14, 2025, 3:17pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/687 "2025-10-14T15:17:15Z")

</div>

@merefield I have implemented a Mobile Wide mode, please review (wide branch)

> **[GitHub - Eroscripts/discourse-tc-topic-list-previews at wide](https://github.com/Eroscripts/discourse-tc-topic-list-previews/tree/wide)**
>
> wide

I wil attach pic later

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 14, 2025, 5:04pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/688 "2025-10-14T17:04:21Z")

</div>

This is previews of wide branch

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/2/8/32849f085357c05efc80f7387fc3c9541a641818.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/6/c/d/6cda7187d218895ff781ae537d9da8d0495328ec.png)

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/1/c01bb6d1d378268bbd5a35eec5eae9f97e106fbc.png)

feats:  
- big OP pic  
- vertical wide in \<700px

* * *

- 🐞 `activity-portfolio` wide doesn’t seem to work because it has no `[id="list-area"]` in the tree
- 🐞 `activity-topics` wide just doesn’t seem to work  
and I can’t make new messages cuz last 3 are mine please reply something

---

<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 15, 2025, 6:32am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/689 "2025-10-15T06:32:33Z")

</div>

Thanks for experimenting with new layouts.

A few thoughts:

On desktop the existing wide format has lots of space, but on mobile?

Where are the excerpts? Don’t forget the design has to sensibly accommodate those.

How do you handle different image aspect ratios or are you forcing 16:9 as per my wide format? (reasonable design decision but let’s be explicit - there are tradeoffs)

The duplication of avatars seems unnecessary given the limited space?

Each component needs to be a sensibly sized click surface.

One nice thing about supporting a new similar format for mobile is we could add a setting to select it across both desktop and mobile in similar fashion to current settings.

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 15, 2025, 6:10pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/690 "2025-10-15T18:10:13Z")

</div>

> On desktop the existing wide format has lots of space, but on mobile?

On mobile it switches to full-width image format which was IMO too large for mobile, that’s why I made this

> Where are the excerpts? Don’t forget the design has to sensibly accommodate those.

Under the OP avatar. We don’t use them, just dropped it somewhere. Maybe should be above avatar.

> How do you handle different image aspect ratios or are you forcing 16:9 as per my wide format? (reasonable design decision but let’s be explicit - there are tradeoffs)

No idea lol  
Does your format enforces 16:9 for wide tho? iirc image width was variable

> The duplication of avatars seems unnecessary given the limited space?

It’s “large OP avatar” to see who’s OP. It doesn’t use more vertical space, just covers the padding and is moved to the left

> Each component needs to be a sensibly sized click surface.

dunno what are you talking about, everything’s mostly same size as it was

> One nice thing about supporting a new similar format for mobile is we could add a setting to select it across both desktop and mobile in similar fashion to current settings.

I have no idea how to make default theme on mobile and pc different and dark, so we only have this always-dark always-wide default theme atm

---

<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 15, 2025, 6:18pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/691 "2025-10-15T18:18:50Z")

</div>

> [@Dimava](#):
>
> On mobile it switches to full-width image format which was IMO too large for mobile, that’s why I made this

Facebook & Instagram? They both have similar layouts and large wide, full width images just like TLP’s tiles.

There’s a current alternative to Tiles already - just turn Tiles off on mobile.

If you can revert with a more mature, clean, full-featured demo of your alternative (inc. images, excerpts, single avatar location, multiple topics) within the confines of mobile screen dimensions that would be great.

---

<div class="post-metadata">

### Author: ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)
#### Post date: [October 15, 2025, 6:40pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/692 "2025-10-15T18:40:21Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/6/d/0/6d00a942bfe732da8a6f11d73fd849e3136ab723.jpeg)  
like this?

---

<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 15, 2025, 6:45pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/693 "2025-10-15T18:45:06Z")

</div>

imho, the layout on the right looks untidy right now … I would not merge that.

The image looks particularly awkward. You need to solve that.

I don’t think you can beat a full width image (which automatically takes care of various aspect ratios).

---

<div class="post-metadata">

### Author: ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [October 19, 2025, 11:11pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/694 "2025-10-19T23:11:19Z")

</div>

![2025-10-20_065148](https://global.discourse-cdn.com/meta/original/4X/6/e/0/6e0ea18e26f865012d0e3eee985cbdb8a915e7f8.jpeg)

The above error only happens for anonymous (non-logged-in) users, and the tile height is not adjusted properly. However, when a user is logged in, the error disappears, and the tile displays everything correctly. The above error only happens when the Topic List Preview is enabled.

---

<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 20, 2025, 9:03am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/695 "2025-10-20T09:03:56Z")

</div>

Thanks for the report.

That’s odd.

So Loadscript is failing for anonymous users?

(All bets are off after that)

---

<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 20, 2025, 9:12am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/696 "2025-10-20T09:12:55Z")

</div>

I currently can’t reproduce unfortunately. Everything is working fine whether logged in or out on latest Discourse.

Would welcome other reports.

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

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