# Discourse Bars 🍻 🍸 (een sidebar framework)

**URL:** https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216
**Category:** Theme component
**Created:** [6 maart 2024 om 16:17 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216 "2024-03-06T16:17:30Z")
**Posts on this page:** 20
**Page:** 2

<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: [7 maart 2024 om 07:24 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/21 "2024-03-07T07:24:57Z")

</div>

> [@denvergeeks](#):
>
> Yes enabling Tag Groups in the settings (and then creating some Tag Groups) did make the tags appear.

So this was nothing to do with “Bars”, great.

> [@denvergeeks](#):
>
> Could you be so kind as to point me toward a list of all available “routes” that can be used here?

the settings description describes the options.

Basically anything on the Discovery page is “discovery” except for “categories”, “tag” and a specific “category” which are covered by those terms.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [7 maart 2024 om 18:56 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/22 "2024-03-07T18:56:08Z")

</div>

My sincere apologies if I am being slow on this 🙏

I can see in the [README.md](https://github.com/merefield/discourse-tc-bars/blob/main/README.md) this line…

> - Supports setups for each of: discovery, topic, tag, category OR categories.

In case it is helpful to others, a search on the term **discovery** provides this helpful reference about “discovery”:

> [@November 2023 - refactoring Discovery routes: how will it affect my theme/plugin?](https://meta.discourse.org/t/upcoming-refactoring-to-discovery-routes-how-will-it-affect-my-theme-plugin/282816):
>
> As part of our project to upgrade Discourse to the latest version of Ember, we’ve been working on a significant refactoring of the Discovery (a.k.a. the ‘topic list’) routes. This topic is targeted at theme/plugin developers, and aims to list the kinds of theme/plugin activities which may be affected by the refactoring. Background This refactoring is necessary because modern Ember no longer supports ‘named outlets’ like {{outlet "topics"}}, which we were using extensively on these routes. Ess…

---

<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: [8 maart 2024 om 10:14 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/23 "2024-03-08T10:14:48Z")

</div>

> [@denvergeeks](#):
>
> the term **discovery**

Yes, this is a good point you raise. And I can see how this might create confusion.

This nomenclature, whilst it’s talked about every so often on Meta, especially by developers (as its referenced a lot in code), is missing from [Understanding Discourse for new users](https://meta.discourse.org/t/discourse-new-user-guide/96331) and something that is only picked up upon by new people if they engage in discussions specifically related to that functionality.

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

@JammyDodger do we need to think about addressing that in that guide? Where does someone learn about “Discovery” routes?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [8 maart 2024 om 10:21 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/24 "2024-03-08T10:21:29Z")

</div>

I’m not sure it’s used very often as a ‘front end’ term for users. I think I only ever see it in theme components/dev. I’m not sure where the best place to put it would be? It feels more like an ‘admin’ word, though I’m not sure if there’s a guide for 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: [8 maart 2024 om 10:25 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/25 "2024-03-08T10:25:00Z")

</div>

For now I’ve added footnotes to the OP of this Topic, 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: [13 maart 2024 om 18:48 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/26 "2024-03-13T18:48:09Z")

</div>

[https://github.com/merefield/discourse-tc-bars/commit/65d0d90c743c6c3303cfa1bfcd90584f7672a16e](https://github.com/merefield/discourse-tc-bars/commit/65d0d90c743c6c3303cfa1bfcd90584f7672a16e)

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/9/3f9091bd3d8d3fba84c6d789daff241be83f2db3.png)

- Supports all bars
- Can switch either off with settings.
- Refresh browser to reset dismiss.

(still needs a bit of work on Topic page!)

---

<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: [14 maart 2024 om 08:28 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/27 "2024-03-14T08:28:11Z")

</div>

Topic behaviour has been improved with collapse and dismiss.

---

<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: [15 maart 2024 om 14:33 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/28 "2024-03-15T14:33:04Z")

</div>

New release:

- introduces a new widget `bars-custom-html` which now provides the default example settings and allows you to create widgets that are just custom html.
- adopts the params system from [RSB](https://meta.discourse.org/t/right-sidebar-blocks/231067)\[1\] so should be compatible with some of the same widgets
- is a breaking change which may require re-installation or fiddling with any existing settings as params will be missing for any settings you have already created.

[https://github.com/merefield/discourse-tc-bars/pull/1/files](https://github.com/merefield/discourse-tc-bars/pull/1/files)

@ckshen you were looking for Custom HTML support?

* * *

1. credit to @pmusaraj for that work

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [16 maart 2024 om 10:13 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/29 "2024-03-16T10:13:33Z")

</div>

Hello! Please tell me how to add a frame from Twitch to “D”, for example

---

<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: [16 maart 2024 om 10:22 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/30 "2024-03-16T10:22:20Z")

</div>

This is aimed at developers. If you need help with creating a specific widget:

> [@merefield](#):
>
> - If you are not sufficiently technical and need help with implementing sidebars using Bars, you can hire me or a developer in #Marketplace

---

<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: [18 maart 2024 om 00:36 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/31 "2024-03-18T00:36:53Z")

</div>

> [@merefield](#):
>
> @ckshen you were looking for Custom HTML support?

Thanks for the feature! We used to use the layout plugin to put the map on topic lists. Having the option definitely gives us the possibilities to implement something similar. We will have to think through how to implement it.

---

<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: [18 maart 2024 om 09:03 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/32 "2024-03-18T09:03:39Z")

</div>

> [@ckshen](#):
>
> Thanks for the feature! We used to use the layout plugin to put the map on topic lists. Having the option definitely gives us the possibilities to implement something similar. We will have to think through how to implement it.

Feel free to PR to Locations to add support and I will review. Or you can fund me to do it.

---

<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: [27 maart 2024 om 10:13 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/33 "2024-03-27T10:13:30Z")

</div>

Fix for route transitions.

[https://github.com/merefield/discourse-tc-bars/commit/74627b5da67b5ff03696244bdc5e814c6c112e30](https://github.com/merefield/discourse-tc-bars/commit/74627b5da67b5ff03696244bdc5e814c6c112e30)

---

<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: [2 april 2024 om 15:48 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/34 "2024-04-02T15:48:46Z")

</div>

Small feature, you can now selectively minimise a bar by default (though it currently has global impact to all routes)

[https://github.com/merefield/discourse-tc-bars/commit/ca5272ecb6b35d1e403e6f8176caec584e768445](https://github.com/merefield/discourse-tc-bars/commit/ca5272ecb6b35d1e403e6f8176caec584e768445)

---

<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: [2 april 2024 om 17:48 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/35 "2024-04-02T17:48:16Z")

</div>

This now works with Bars:

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

(you are recommended to use the top bar!!)

[https://github.com/merefield/discourse-tc-team-timezones](https://github.com/merefield/discourse-tc-team-timezones)

---

<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: [3 april 2024 om 16:39 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/36 "2024-04-03T16:39:49Z")

</div>

Updated last post, the plugin is now a theme component 🚀

---

<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: [12 mei 2024 om 20:06 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/37 "2024-05-12T20:06:52Z")

</div>

Currently this Theme Component is _incompatible_ with “Powered by Discourse”, so if you want to use it, be sure to turn off:

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

I’m incredibly busy atm so fix may take a little time or PR welcome …

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [12 mei 2024 om 21:25 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/38 "2024-05-12T21:25:27Z")

</div>

> [@merefield](#):
>
> Currently this Theme Component is _incompatible_ with “Powered by Discourse”

From what I see, you only need a small CSS change

From:

```css
grid-template-areas: "leftsidebar sidebar content rightsidebar"

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/3/8/938cbcea095e55a067182ce78042bfdd496d0cf2.png)

To

```css
grid-template-areas:
        "leftsidebar sidebar content rightsidebar"
        "leftsidebar sidebar below-content rightsidebar";

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/2/7/027a20b40c6a9b80abe0c7020abeada809e012d2.png)

Is there actually another issue I’m not aware of? 🤔

(I can PR, but you emphasize the word _incompatible_, I wonder If I miss 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: [12 mei 2024 om 21:27 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/39 "2024-05-12T21:27:36Z")

</div>

Yes, it’s just the grid css.

thanks for looking at this 👍 🙏

but does that take care of both scenarios (On _or_ Off?) - that was my main fear … and I’m knee deep elsewhere so didn’t want to get embroiled in this right now … 😅

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [12 mei 2024 om 23:08 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/40 "2024-05-12T23:08:31Z")

</div>

I made a PR:  
[https://github.com/merefield/discourse-tc-bars/pull/2](https://github.com/merefield/discourse-tc-bars/pull/2)  
Let me know what you think. 👍

[Vorige pagina](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216.md?page=1)

[Volgende pagina](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216.md?page=3)
