# Theme Confusion

**URL:** https://meta.discourse.org/t/theme-confusion/328819
**Category:** Development
**Created:** [October 1, 2024, 11:16am UTC](https://meta.discourse.org/t/theme-confusion/328819 "2024-10-01T11:16:44Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 11:16am UTC](https://meta.discourse.org/t/theme-confusion/328819/1 "2024-10-01T11:16:44Z")

</div>

Hi,

a couple of thoughts.

I’m trying (very slooooowly), to create a sidebar component, I want it to be detached from `.wrap` floating to the left. I still have a lot to learn, been downloading components to see how things work.

So, the developer in me wonders why code added to body displays under the footer? That’s a bit of a culture shock since for the last 20+ years, code added to body would display above the footer, and if floated or displayed, it would sit to the left.

How would I add a detached sidebar?

Thank you, Lee

---

<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 1, 2024, 11:25am UTC](https://meta.discourse.org/t/theme-confusion/328819/2 "2024-10-01T11:25:33Z")

</div>

Bear in mind Discourse is a web app dynamically rendered by EmberJS

This might be of interest:

> [@Discourse Bars beers cocktail (a sidebar framework)](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216):
>
> eyeglasses Overview A Theme Component that allows you to lay out Components[[1]](#footnote-1469292-1) on top and side bars. Specify a set of “widgets” distinctly for Route and Position. Supports setups for each of: discovery[[2]](#footnote-1469292-2), topic, tag[[3]](#footnote-1469292-3), category[[3:1]](#footnote-1469292-3), categories[[3:2]](#footnote-1469292-3) OR tags-intersection[[4]](#footnote-1469292-4) “Bars” can be either: top, left, right OR alternative right location. Each bar can be collapsed or dismissed (refresh browser to reset dismiss). They can be minimised by default. Handles the Official Sidebar, but if you …

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 1, 2024, 1:55pm UTC](https://meta.discourse.org/t/theme-confusion/328819/3 "2024-10-01T13:55:23Z")

</div>

Can you share how you’ve been trying to add your customization so far? is this added via the admin/customize interface? a plugin outlet in a remote theme? something else?

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 7:44pm UTC](https://meta.discourse.org/t/theme-confusion/328819/4 "2024-10-01T19:44:02Z")

</div>

> [@merefield](#):
>
> This might be of interest:

Yes, I did try your item, it’s a great component, but I’m wanting to separate the sidebar from `.wrap`, unless of course I’m missing something really simple - there isn’t even a `plugin-outlet` position for a sidebar.

Thank tho, Lee

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [October 1, 2024, 7:56pm UTC](https://meta.discourse.org/t/theme-confusion/328819/5 "2024-10-01T19:56:39Z")

</div>

are you using this useful component?

> [@(deprecated) Plugin outlet locations theme component](https://meta.discourse.org/t/plugin-outlet-locations-theme-component/100673):
>
> mega the ability to debug plugin outlets is now included in core. Check out [this topic](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215) for more details play_button Original theme component info

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 7:57pm UTC](https://meta.discourse.org/t/theme-confusion/328819/6 "2024-10-01T19:57:04Z")

</div>

@awesomerobot, lol

I don’t have anything to show atm because I can’t get the sidebar to display on the left, mainly because there isn’t a “sidebar” position, annoying that something so simple can’t be implemented.

meta uses the closest match to what I’m wanting to achieve, but to include custom features/functionality, not the user sidebar.

I’m using the Plugin Outlet Locations Plugin.

I’m wanting something similar to my personal wiki;

 ![This image appears to be a screenshot of a web page or a digital document, displaying a list of page elements and their corresponding actions, possibly related to a content management system or a website development platform. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/0/b/c0b8e33e31a2909eb93c8ecc2be68eff757c6db8.jpeg)

Thank you, Lee

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 8:03pm UTC](https://meta.discourse.org/t/theme-confusion/328819/7 "2024-10-01T20:03:40Z")

</div>

@Lilly

Yes I am using plugin outlets

 ![The image displays a screenshot of a website interface, with a focus on a search-related feature. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/e/4/e/e4e8690c49966e660649678a77652c2c91cbb1aa.jpeg)

Thank you, Lee

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 8:09pm UTC](https://meta.discourse.org/t/theme-confusion/328819/8 "2024-10-01T20:09:49Z")

</div>

@Lilly , @awesomerobot,

does this mean I’d need to create a new plugin-outlet position, or isn’t this possible?

thank you, Lee

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [October 1, 2024, 8:13pm UTC](https://meta.discourse.org/t/theme-confusion/328819/9 "2024-10-01T20:13:07Z")

</div>

why not just create a custom menu section in the existing sidebar using our inbuilt way? Just click the “+” sign at the bottom of the existing sidebar to create a new menu section:

 ![Screenshot 2024-10-01 at 1.10.46 PM](https://global.discourse-cdn.com/meta/original/4X/7/a/8/7a8ee02910124b7ebcde0e57529b98fdff10bd9f.png)  
You can make it for yourself only or global for all users (if you are admin)

Also, there are plugin outlets at top and bottom of sidebar:

 ![Screenshot 2024-10-01 at 1.12.40 PM](https://global.discourse-cdn.com/meta/original/4X/9/f/b/9fb9d0bc45a5fc9b04378e871369d79ec13a11e9.png)

You can see that I have a custom menu section called “Lillys Stuff” that is collapsed.

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 8:22pm UTC](https://meta.discourse.org/t/theme-confusion/328819/10 "2024-10-01T20:22:33Z")

</div>

Mmmm, @Lilly

well, I’m using the main sidebar as a header dropdown to accommodate a custom sidebar.

I see your point, but still …

Your suggestion will mean adding to the current sidebar and not create a custom sidebar.

I have tried @merefield 's component and sidebar right blocks or whatever it’s called, but still they’re tied to the main body content, great components, both, but not what the client wants.

Thank you for your great support, btw. 💯

I guess what you’re saying is this isn’t achievable?

Lee

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [October 1, 2024, 8:29pm UTC](https://meta.discourse.org/t/theme-confusion/328819/11 "2024-10-01T20:29:43Z")

</div>

Can you describe the use case your client wants - do they specifically want the navigation menu in drop-down mode instead of sidebar, along with a separate custom sidebar for other links?

For custom menu sections, I also have [2 theme components](https://meta.discourse.org/search?q=navigation%20menu%20%20%23theme-component%20%40Lilly%20tags%3Asidebar%20order%3Alatest) that can allow displaying them to different user groups.

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 8:35pm UTC](https://meta.discourse.org/t/theme-confusion/328819/12 "2024-10-01T20:35:51Z")

</div>

> [@Lilly](#):
>
> Can you describe the use case your client wants

A separate sidebar with the ability to add various features, e.g. twitter embeds, YouTube links, and wiki snippets - the client is happy to add html to the sidebar, if that’s the only option.

How much realistically would a developer at #Marketplace @merefield, charge to create this for me?

Thank you for the discussion @Lilly , Lee

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [October 1, 2024, 8:42pm UTC](https://meta.discourse.org/t/theme-confusion/328819/13 "2024-10-01T20:42:02Z")

</div>

> [@Lee\_Miller](#):
>
> How much realistically would a developer at #Marketplace `@merefield`, charge to create this for me?

It can vary by developer and project. My advice would be to post a new topic in #Marketplace describing your use case and some detailed requirements, with invitation to contact you with estimates or for more info.

---

<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 1, 2024, 8:44pm UTC](https://meta.discourse.org/t/theme-confusion/328819/14 "2024-10-01T20:44:01Z")

</div>

Just a few points about [Bars](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216) I shared:

- you can have a left Sidebar
- it comes with html capability out of the box (you can have several html widgets)
- you can show additional Components on the sidebar which you can either copy from elsewhere, make or co-opt

I’m not sure you’d want it to “float” as that suggests it covers content? But you can additionally add CSS to style it as you see fit.

I’ve kind of solved most of the problems you talk about?

What am I missing?

Yes I can help you with the Components if you need me and we can discuss any engagement in a PM.

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 8:53pm UTC](https://meta.discourse.org/t/theme-confusion/328819/15 "2024-10-01T20:53:41Z")

</div>

Robert,

I’ll give your component a more extended look over.

Noticed in your screenshot that “Tags,” - useful and gameloops displays how I’d like, at this point I’m only able to display “K” on the theme. What theme are you using?

> I’m not sure you’d want it to “float” as that suggests it covers content? But you can additionally add CSS to style it as you see fit.

I’m using Bootstrap grid.

Thank you, Lee

---

<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 1, 2024, 9:01pm UTC](https://meta.discourse.org/t/theme-confusion/328819/16 "2024-10-01T21:01:04Z")

</div>

This is commercial work, I’ve PMed 🙂

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 1, 2024, 9:15pm UTC](https://meta.discourse.org/t/theme-confusion/328819/17 "2024-10-01T21:15:22Z")

</div>

@merefield - getting somewhere now, it’s not quite there, but I have something I can realistically work with.

 ![The image shows a computer screen with a pop-up notification in the lower left corner. The notification is an error message stating "WOW! It's great that you're here, but the site hasn't launched yet. Sorry for the inconvenience. Please check back soon." The screen is divided into two main sections, with the notification box on the left and a larger area that seems to contain a search bar or a list of categories on the right. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/6/6/7662c4ef3184741362bd01b3b118fe69aa243603.jpeg)

Only need to resolve the widths and I have something I can present, phew!!

Thank you, you’re a star.

Regards, Lee

---

<div class="post-metadata">

### Author: ![Lee\_Miller](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lee_miller/32/452352_2.png) [@Lee\_Miller](https://meta.discourse.org/u/Lee_Miller)
#### Post date: [October 2, 2024, 2:26am UTC](https://meta.discourse.org/t/theme-confusion/328819/18 "2024-10-02T02:26:56Z")

</div>

So finally 15 hours later I finally have it.

 ![The image shows a screenshot of a computer interface with a focus on theme design, installation, and components. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/4/c/f4ca68063ddf310f55cef1d3166e711f08347a38.jpeg)

And hidden on mobile;

 ![The image displays a screenshot of a user interface with the categories "categories", "tags", and "new category" as well as themes such as "Di", "Installation", "Theme assets", and "Customization". (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/7/3/27391613dfce05f143931ddb4050d42b2df81124.jpeg)

A massive shoutout to @merefield - and for the incredible support by @Lilly and @awesomerobot

Admins can close this post now.

Thank you, Lee

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [November 1, 2024, 2:27am UTC](https://meta.discourse.org/t/theme-confusion/328819/19 "2024-11-01T02:27:35Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
