# Layouts Plugin

**URL:** https://meta.discourse.org/t/layouts-plugin/55208
**Category:** Plugin
**Tags:** pavilion, broken
**Created:** [January 5, 2017, 9:41am UTC](https://meta.discourse.org/t/layouts-plugin/55208 "2017-01-05T09:41:13Z")
**Posts on this page:** 20
**Page:** 16

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [November 26, 2020, 7:57am UTC](https://meta.discourse.org/t/layouts-plugin/55208/318 "2020-11-26T07:57:22Z")

</div>

I’ve updated the locations plugin to add support for Layouts 0.2 👍

[https://github.com/paviliondev/discourse-locations/commit/5ea8ecdf8f2c10b6fa7d0806a693e498383cbc79](https://github.com/paviliondev/discourse-locations/commit/5ea8ecdf8f2c10b6fa7d0806a693e498383cbc79)

If you have both plugins installed you’ll see a “Map” widget in the layout widget list.

---

<div class="post-metadata">

### Author: ![ckshen](https://avatars.discourse-cdn.com/v4/letter/c/ad7895/32.png) [@ckshen](https://meta.discourse.org/u/ckshen)
#### Post date: [November 27, 2020, 7:46am UTC](https://meta.discourse.org/t/layouts-plugin/55208/319 "2020-11-27T07:46:37Z")

</div>

Thanks Angus. That works great!

---

<div class="post-metadata">

### Author: ![ninermac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ninermac/32/135729_2.png) [@ninermac](https://meta.discourse.org/u/ninermac)
#### Post date: [December 6, 2020, 9:30pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/320 "2020-12-06T21:30:42Z")

</div>

I love the customization provided with this plugin. The question I have, is what might be the best way to attack changing the show/hide icon? Personally, I’m using this to show/hide an instance of embedded Rocket Chat I’m hosting. So, naturally I’d like to make the icon match better than the +/- currently used.

I’ve altered the sidebar aesthetics a bit to fit, but wasn’t sure if changing those icons was possible without something more invasive than just straight up CSS.

Thanks for the Awesome plugin!

---

<div class="post-metadata">

### Author: ![ninermac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ninermac/32/135729_2.png) [@ninermac](https://meta.discourse.org/u/ninermac)
#### Post date: [January 13, 2021, 2:50am UTC](https://meta.discourse.org/t/layouts-plugin/55208/321 "2021-01-13T02:50:19Z")

</div>

Any way to default the sidebar to closed?

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [January 13, 2021, 6:12am UTC](https://meta.discourse.org/t/layouts-plugin/55208/322 "2021-01-13T06:12:33Z")

</div>

Sorry for the slow reply

> [@ninermac](#):
>
> The question I have, is what might be the best way to attack changing the show/hide icon?

This one is simple enough, that I’ve made a setting for it

[https://github.com/paviliondev/discourse-layouts/commit/919538e8205e36aa50ba64b58d480d070209a1e6](https://github.com/paviliondev/discourse-layouts/commit/919538e8205e36aa50ba64b58d480d070209a1e6)

> [@ninermac](#):
>
> Any way to default the sidebar to closed?

Likewise 🙂

[https://github.com/paviliondev/discourse-layouts/commit/7641ab4a52b4b47aba78b3933689b0a79f24df5c](https://github.com/paviliondev/discourse-layouts/commit/7641ab4a52b4b47aba78b3933689b0a79f24df5c)

---

<div class="post-metadata">

### Author: ![salamandea](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/salamandea/32/203419_2.png) [@salamandea](https://meta.discourse.org/u/salamandea)
#### Post date: [January 27, 2021, 7:58am UTC](https://meta.discourse.org/t/layouts-plugin/55208/324 "2021-01-27T07:58:30Z")

</div>

Hi, this is a fantastic plugin, thanks!  
I was wondering how to create a category banner like on pavillion:

 ![grafik](https://global.discourse-cdn.com/meta/original/3X/e/2/e2198f1b24f8a75146c0f09774c2cdb7d77112fd.png)  
It would be great if someone could point me in the right direction!  
Thank you very much!

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [January 27, 2021, 6:11pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/325 "2021-01-27T18:11:33Z")

</div>

If I have multiple topic lists for different categories, can I create multiple widgets (one for a category) and show only chosen widget within a specific category?

I see the “topic lists” setting in the “Theme Settings” and wonder how can I achieve the goal?

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/c/dc63a593eee6cc801421040ac8319aba9bf23d51.png)

I thought that it would be possible by hiding some blocks in css, but there is no id numbers or classes in the code of the widget - only titles.

```plaintext
<div id="ember96" class="sidebar-container ember-view">
<div class="sidebar-content" data-click-outside="true">
<div class="widget-container layouts-topic-lists">
<div class="widget-inner">
<div class="list-group">
<div class="list-titles">
<a class="widget-link list-title active" href="" title="">Blog</a></div>
<div class="lists">
<div class="layouts-topic-list-widget active">
<ul><li class="">
<a class="widget-link layouts-topic" href="" title="">
<span dir="ltr">...

```

Can you suggest any solution?

Update: posted a question here: [Pavilion](https://thepavilion.io/t/topic-lists-widget/3211/2)  
Update2: got an answer from Angus:  
[Pavilion](https://thepavilion.io/t/topic-lists-widget/3211/3?u=ed_bobkov)

---

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [February 16, 2021, 10:25pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/326 "2021-02-16T22:25:56Z")

</div>

Just updated to 2.7.0beta 3 and PostgreSQL 13. Now seeing

> **this warning in our log**
>
> TypeError: t.replaceAll is not a function  
> Message
> 
> Uncaught TypeError: t.replaceAll is not a function  
> Url: [https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js)  
> Line: 1  
> Column: 31608  
> Window Location: [https://discuss.noisebridge.info/t/producing-more-ppe-to-fight-covid-19/1740](https://discuss.noisebridge.info/t/producing-more-ppe-to-fight-covid-19/1740)
> 
> Backtrace
> 
> TypeError: t.replaceAll is not a function  
> at t.renderTemplate ([https://discuss.noisebridge.info/assets/plugins/discourse-layouts-da0ddab2fd409506bdec82ca080be07840f019b0c841f64110db8496214bc4db.js:1:19800](https://discuss.noisebridge.info/assets/plugins/discourse-layouts-da0ddab2fd409506bdec82ca080be07840f019b0c841f64110db8496214bc4db.js:1:19800))  
> at t.n.setup ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:234179](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:234179))  
> at s ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:538472](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:538472))  
> at t.routeEnteredOrUpdated ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:538585](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:538585))  
> at t.setupContexts ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:537866](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:537866))  
> at t.finalizeTransition ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:536775](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:536775))  
> at [https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:535920](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:535920)  
> at E ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:545854](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:545854))  
> at w ([https://discuss.noisebridge.info/assets/ember\_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:545746](https://discuss.noisebridge.info/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js:1:545746))
> 
> Env
> 
> HTTP HOSTS: discuss.noisebridge.info

Cheers!

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [February 17, 2021, 8:40am UTC](https://meta.discourse.org/t/layouts-plugin/55208/327 "2021-02-17T08:40:15Z")

</div>

Hey 🙂

Can you confirm what browser you’re seeing this error on?

I’m not seeing this issue on Chrome, Firefox or Safari on the latest version of the plugin and discourse. See [https://try.thepavilion.io/c/layouts/12](https://try.thepavilion.io/c/layouts/12).

---

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [February 17, 2021, 3:38pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/328 "2021-02-17T15:38:08Z")

</div>

Firefox 85.0.1 (64-bit)

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [February 19, 2021, 1:52pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/329 "2021-02-19T13:52:31Z")

</div>

Having 2 issues with the Layouts plugin:

1. I got a problem after the last update with a tag page. No content loads when I open a page for any tag. I found a commit that’s connected with the problem: [Update tag contexts and context handling · paviliondev/discourse-layouts@49a9309 · GitHub](https://github.com/paviliondev/discourse-layouts/commit/49a9309419a94fb9308d907ee9aa5ceec9c1246f)

2. Also there is a problem with layouts mobile enabled  
When it’s activated, the site doesn’t load on a mobile phone. I tested with Android only.  
Testing with Chrome debug as a mobile on a desktop doesn’t show the problem.  
I’m on Discourse 2.7.0.beta3 ( [277eae97e1], discourse-layouts 49a9309

Also posted on your site: [Pavilion](https://thepavilion.io/t/category-list-widget/3210/11?u=ed_bobkov)

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [February 26, 2021, 1:29am UTC](https://meta.discourse.org/t/layouts-plugin/55208/330 "2021-02-26T01:29:08Z")

</div>

> [@sunjam](#):
>
> Uncaught TypeError: t.replaceAll is not a function

> [@Ed\_Bobkov](#):
>
> I got a problem after the last update with a tag page. No content loads when I open a page for any tag.

Both of these should be resolved in this commit 🙂

[https://github.com/paviliondev/discourse-layouts/commit/736fa7b99abf5e0c5473a2e815bc722e846adfb6](https://github.com/paviliondev/discourse-layouts/commit/736fa7b99abf5e0c5473a2e815bc722e846adfb6)

Regarding bug reports, a quick reminder of how those are handled.

1. Please report bugs via [Pavilion](http://thepavilion.io/w/bug-report)

2. Our general support policy is to ensure that [all bugs are resolved at the beginning of each month](https://thepavilion.io/t/pavilions-support-policy-and-schedule/3312). For more on that policy, please ask @merefield in the linked topic.

---

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [February 26, 2021, 7:04pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/331 "2021-02-26T19:04:00Z")

</div>

Firefox 64-bit 85.01

---

<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: [March 20, 2021, 5:09pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/333 "2021-03-20T17:09:57Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/0/9/09e8af8f1ee54f813446b35451ba9fd77926ad1d.png)

Excusme, i add categories icon component but not effect with Category List Widget Layout.  
Where can i setup?  
Thank you!

---

<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: [March 21, 2021, 11:36am UTC](https://meta.discourse.org/t/layouts-plugin/55208/334 "2021-03-21T11:36:31Z")

</div>

Here  
[https://github.com/paviliondev/pavilion-category-banners](https://github.com/paviliondev/pavilion-category-banners)

---

<div class="post-metadata">

### Author: ![torstensson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/torstensson/32/83638_2.png) [@torstensson](https://meta.discourse.org/u/torstensson)
#### Post date: [March 21, 2021, 12:05pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/335 "2021-03-21T12:05:37Z")

</div>

You add the image to the category in discourse’s default settings page per category

---

<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: [March 21, 2021, 12:19pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/336 "2021-03-21T12:19:44Z")

</div>

Wow, thank you so much 🙂 so thank so thank, happy

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [May 11, 2021, 5:14pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/337 "2021-05-11T17:14:58Z")

</div>

@angus, I noticed your version on your site has three layers of categories/sub-categories. There’s the top level, then sub categories, then when users click on “Discourse” there is a third level.

Is that something we can set up, or is it something custom you’ve built?

---

<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: [May 11, 2021, 7:42pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/338 "2021-05-11T19:42:03Z")

</div>

It’s a hidden setting in site\_settings.yml, not related to the plugin:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/727a811eb1cee99b4670312bacc9d0bfd1f2e4ec.png)

you can include this at the end of your `app.yml` to set it to 3 like so:

```plaintext
- exec: rails r "SiteSetting.max_category_nesting=3"

```

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [May 11, 2021, 7:47pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/339 "2021-05-11T19:47:55Z")

</div>

@merefield Amazing, thank you!

[Previous page](https://meta.discourse.org/t/layouts-plugin/55208.md?page=15)

[Next page](https://meta.discourse.org/t/layouts-plugin/55208.md?page=17)
