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

<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, 10:33pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/340 "2021-05-11T22:33:15Z")

</div>

Strange. I updated to 3 nested layers of categories but now i find that the Categories List component ignores any categories which have three layers within them. I get no errors in console

Update: I’ve worked it out. On our forum the component didn’t like category slugs left blank, so using the default set up which just uses sequential numbers. If one category or sub was using the default slug none of its brothers and sisters would show up either.. well most of them wouldn’t. Occasionally one does and i can’t see why.

---

<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 20, 2021, 2:49pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/341 "2021-05-20T14:49:36Z")

</div>

I’ve noticed this plugin doesn’t play nice on desktop with the popular Kanban boards plugin. That can be overcome by allowing users to close the plugin with a click. I guess expected functionality, if you want them to work together, would be that it recognises the other element and begins in closed mode. Allowing the user to open it if needed.

We are currently working on a modified version which would achieve that in a slightly different way. So it won’t be a direct solution to this bug for those who want their functionality to stay the same.

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [May 20, 2021, 3:49pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/342 "2021-05-20T15:49:28Z")

</div>

Hey @Drew-ART, check out the [layouts interoperability topic](https://thepavilion.io/t/layouts-interoperability/3598) on the Pavilion forum. This topic addresses the interoperability of the layouts plugin with other plugins/themes. There is a suggested fix mentioned for the layouts plugin to work with [Discourse Kanban](https://meta.discourse.org/t/kanban-board-theme-component/118164) by adding some CSS.

---

<div class="post-metadata">

### Author: ![Whiskey\_Victor\_LLC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/whiskey_victor_llc/32/220552_2.png) [@Whiskey\_Victor\_LLC](https://meta.discourse.org/u/Whiskey_Victor_LLC)
#### Post date: [May 31, 2021, 10:42pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/343 "2021-05-31T22:42:22Z")

</div>

I believe I’ve installed this according to your instructions here - [Pavilion](https://thepavilion.io/t/installation-and-setup/3200) and here - [Pavilion](https://thepavilion.io/t/widget-settings/3204). However, I am not seeing any change to the theme in use on my site - [https://hangarflying.com](https://hangarflying.com). I’m sure I have missed some setting but am unable to find it. I’ve included my installation settings below. Thanks in advance!

 ![Screen Shot 2021-05-31 at 4.39.24 PM](https://global.discourse-cdn.com/meta/original/3X/6/8/68e46d59529770ec314d8629704816d7082304e4.png)

 ![Screen Shot 2021-05-31 at 4.39.49 PM](https://global.discourse-cdn.com/meta/original/3X/c/a/ca4e05f83024477a9ba82c92af5c100201724a5e.png)

 ![Screen Shot 2021-05-31 at 4.40.42 PM](https://global.discourse-cdn.com/meta/original/3X/c/5/c58a025f1eb20812ed187ca6b155ee572c88c963.png)

---

<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: [June 1, 2021, 12:48am UTC](https://meta.discourse.org/t/layouts-plugin/55208/344 "2021-06-01T00:48:16Z")

</div>

Hey @Whiskey_Victor_LLC 🙂

You need to enable some `contexts`. Have a read over the widget settings again, and let us know if anything isn’t clear there by replying to that topic

> **[Pavilion](https://pavilion.tech/)**
>
> Pavilion is the leading Discourse consultancy.

---

<div class="post-metadata">

### Author: ![Whiskey\_Victor\_LLC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/whiskey_victor_llc/32/220552_2.png) [@Whiskey\_Victor\_LLC](https://meta.discourse.org/u/Whiskey_Victor_LLC)
#### Post date: [June 1, 2021, 12:54am UTC](https://meta.discourse.org/t/layouts-plugin/55208/345 "2021-06-01T00:54:12Z")

</div>

Yep I read it. I have one widget enabled with every context enabled and the layout still does not want to display…

 ![Screen Shot 2021-05-31 at 6.51.26 PM](https://global.discourse-cdn.com/meta/original/3X/b/6/b6f69a0ea4a543f7e2e3b8c161f2e8eedc8ce42d.png)

---

<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: [June 1, 2021, 1:45am UTC](https://meta.discourse.org/t/layouts-plugin/55208/346 "2021-06-01T01:45:08Z")

</div>

Try removing “all categories”, save and refresh.

If you have follow up questions, or further issues with widget settings please post them here:

> **[Pavilion](https://pavilion.tech/)**
>
> Pavilion is the leading Discourse consultancy.

---

<div class="post-metadata">

### Author: ![Whiskey\_Victor\_LLC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/whiskey_victor_llc/32/220552_2.png) [@Whiskey\_Victor\_LLC](https://meta.discourse.org/u/Whiskey_Victor_LLC)
#### Post date: [June 1, 2021, 2:05am UTC](https://meta.discourse.org/t/layouts-plugin/55208/347 "2021-06-01T02:05:51Z")

</div>

Ok cool, thank you that worked. Now I can’t seem to get the others to work…I will post them in the other site.

---

<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: [September 20, 2021, 5:51am UTC](https://meta.discourse.org/t/layouts-plugin/55208/348 "2021-09-20T05:51:16Z")

</div>

I have a very odd output with the use of both custom layout plugin and the location plugin.

I have the layout plugin set up in a way that shows a topic location map on the right side of the topic list for a couple of the categories. it used to display like this.

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

Starting from some time last week, if I click the link to the category, the map just won’t show up.

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

But I click refresh button in the browser, the map shows up again.

Any idea why this is happening? I got rid of all my CSS to test if its a CSS issue. But the phenomenon persists.

Any clues?

> **[SF Bay Area, NorCal, Tahoe](https://www.hungryonion.org/c/regions/san-francisco-bay-area/9)**
>
> The home for knowledgeable and fun discussions of all things culinary in Northern California and Reno-Tahoe. Hole-in-the-walls, farm-to-table, spectacular produce- we got them all.

---

<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: [October 1, 2021, 6:39am UTC](https://meta.discourse.org/t/layouts-plugin/55208/349 "2021-10-01T06:39:45Z")

</div>

Some additional data point: When I load a category with the layout sidebar enabled, the sidebar doesn’t show and the CSS shows:

`<div class="main-content discovery category no-sidebars" style="width: 100%">`

When I click the refresh button in the browser, the sidebar with the map shows up and the html says:

`<div id="ember128" class="sidebar-container ember-view"><div class="sidebar-content" data-click-outside="true"><div class="widget-container nav-container"><div class="locations-map">`

Any idea why the plugin will consider the category to not configured to have sidebars when its actually the opposite?

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [October 1, 2021, 10:22pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/350 "2021-10-01T22:22:13Z")

</div>

Hey @ckshen

Thanks for identifying this issue in a very detailed manner. The information your provided will be very helpful in fixing this problem. I created a bug report for this issue, and hopefully we can resolve this issue very soon. Sorry for the inconvenience! I will post an update here once this issue is resolved.

> **[Pavilion](https://pavilion.tech/)**
>
> Pavilion is the leading Discourse consultancy.

---

<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: [October 1, 2021, 11:19pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/351 "2021-10-01T23:19:42Z")

</div>

Thank you for looking into this!

FYI this issue started when I upgraded the discourse software around a month ago. I upgraded to 2.8.0.beta6 ([f38fd1a5a7](https://github.com/discourse/discourse/commits/f38fd1a5a7e2b5a29f7ce80e2adb1e8e020d7595)) yesterday and the issue persists.

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [January 3, 2022, 12:39am UTC](https://meta.discourse.org/t/layouts-plugin/55208/352 "2022-01-03T00:39:37Z")

</div>

I just added this plugin the other day and really like it. I’ve customized a mobile menu that seems to help very well. Unfortunately, I’ve noticed that the mobile menu doesn’t seem to show up with the new chat plugin. I’ve attached screenshots below (blanked out the site logo and chat threads for privacy reasons; also, I customized the whos-online plugin to be in that spot, not standard).

On the search page and other pages, it’s fine:

 ![Screen Shot 2022-01-02 at 7.36.45 PM](https://global.discourse-cdn.com/meta/original/3X/e/f/efd3bb237f702885b860078d8f91dec3a6bd7812.png)

But on the chat page (which appears after clicking the chat bubble in the header menu), it no longer appears:

 ![Screen Shot 2022-01-02 at 7.36.36 PM](https://global.discourse-cdn.com/meta/original/3X/4/c/4ca2100f6d171671a7e7b0808f6a72dead15c578.png)

It’s not very urgent, however, with the new chat feature, I find it pretty nice to have (hate moving my thumb to the top of the screen to navigate).

Is there anything you suggest that I can do to fix it from my side?

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [January 3, 2022, 12:47am UTC](https://meta.discourse.org/t/layouts-plugin/55208/353 "2022-01-03T00:47:13Z")

</div>

Also, I’m not sure if it’s a bug or not, but when I create a Category List and put it on the left side menu, when I click the dropdown arrow for the categories which have subcategories, I unintentionally am sent to the category.

**What I’m expecting:**

1. Click dropdown arrow
2. Sub-categories are revealed and navigation doesn’t change
3. Click up arrow
4. Sub-categories are hidden and navigation doesn’t change

**What’s happening:**

1. Click dropdown arrow
2. Sub-categories are revealed and **navigation changes to that category**
3. Click up arrow
4. Sub-categories are hidden and navigation doesn’t seem to change

It seems to happen both on desktop and mobile.

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [January 3, 2022, 9:46pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/354 "2022-01-03T21:46:33Z")

</div>

Hey @jimkleiber

> [@jimkleiber](#):
>
> But on the chat page (which appears after clicking the chat bubble in the header menu), it no longer appears:

The chat plugin seems to add a custom route (`/chat`), which currently isn’t supported by the Layouts plugin. I have created [a report](https://thepavilion.io/t/mobile-navigation-broken-when-used-alongside-discourse-chat/5029) for what you’ve mentioned and I will look into seeing if we can support this.

> [@jimkleiber](#):
>
> Is there anything you suggest that I can do to fix it from my side?

Unfortunately, I don’t think there is anything currently possible that you can do to fix this.

> [@jimkleiber](#):
>
> Also, I’m not sure if it’s a bug or not, but when I create a Category List and put it on the left side menu, when I click the dropdown arrow for the categories which have subcategories, I unintentionally am sent to the category.

Yes, this is the current expected behaviour of the widget. You are directed to the category first and then the subcategories appear. However, I will discuss with the rest of the Pavilion team about changing the behavior.

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [January 5, 2022, 3:37am UTC](https://meta.discourse.org/t/layouts-plugin/55208/355 "2022-01-05T03:37:09Z")

</div>

> [@keegan](#):
>
> The chat plugin seems to add a custom route ( `/chat` ), which currently isn’t supported by the Layouts plugin. I have created [a report](https://thepavilion.io/t/mobile-navigation-broken-when-used-alongside-discourse-chat/5029) for what you’ve mentioned and I will look into seeing if we can support this.

Excellent, thank you!

> [@keegan](#):
>
> Unfortunately, I don’t think there is anything currently possible that you can do to fix this.

👍

> [@keegan](#):
>
> Yes, this is the current expected behaviour of the widget. You are directed to the category first and then the subcategories appear. However, I will discuss with the rest of the Pavilion team about changing the behavior.

Ah OK, yes, it just seems to confuse me as I normally expect the dropdown arrow to just dropdown without forcing a site navigation. I can understand if clicking on the category title or even row would navigate and dropdown, but with the arrow there, it seems to disrupt my expectations.

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [February 12, 2022, 10:16pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/356 "2022-02-12T22:16:11Z")

</div>

I’m experiencing a inconsistent mobile layout behaviour, browser related. On mobile, both Chrome and Firefox have the bottom nav bar fixed, doesn’t toggle on scroll. On DuckDuckGo, it toggles. I’m seeing same on my instance but also on thepavilion.

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [February 14, 2022, 5:32pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/357 "2022-02-14T17:32:58Z")

</div>

Hey @Mr.X_Mr.X,

Thanks for sharing this issue. It does seem to only be present on DuckDuckGo. I’ll look into resolving this

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [February 15, 2022, 5:52pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/358 "2022-02-15T17:52:25Z")

</div>

I can’t seem to find the “Latest” and “Categories” context for the the Layouts plugin, tried on two different installs. Were the latest and category contexts removed or is a an error on my end?

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [February 15, 2022, 5:55pm UTC](https://meta.discourse.org/t/layouts-plugin/55208/359 "2022-02-15T17:55:19Z")

</div>

Hey @Mr.X_Mr.X,

The **Latest** and **Categories** would not be listed under contexts as they are filters. You can select them through the **Filters** input or leave that input blank to target all the filters.

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

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