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

Just a few points about Bars 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.

Bear in mind Discourse is a web app dynamically rendered by EmberJS This might be of interest: [image] Discourse Bars beers cocktail (a sidebar framework) Theme component eyeglasses Overview A Theme Component that allows you to lay out Components[1] on top and side bars. Specify a set of “widgets” distinctly for Route and Position. Supports setups for each of: discovery[2], topic, tag[3], category[3:1], categories[3:2] OR tags-intersection[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 …

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?

[image] Robert: 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

are you using this useful component? [image] (deprecated) Plugin outlet locations theme component Theme component mega the ability to debug plugin outlets is now included in core. Check out this topic for more details play_button Original theme component info

@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)] Thank you, Lee

@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)] Thank you, Lee

@Lilly , @awesomerobot, does this mean I’d need to create a new plugin-outlet position, or isn’t this possible? thank you, Lee

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] 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] You can see that I have a custom menu section called “Lillys Stuff” that is collapsed.

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. :100: I guess what you’re saying is this isn’t achievable? Lee

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 that can allow displaying them to different user groups.

Theme Confusion

Development

Lee_Miller (Lee) October 2, 2024, 2:26am 18

So finally 15 hours later I finally have it.

And hidden on mobile;

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

Admins can close this post now.

Thank you, Lee

Topic		Replies	Views
How to extend the Discourse sidebar? Development sidebar	7	811	April 1, 2024
Discourse Bars :beers: :cocktail: (a sidebar framework) Theme component	68	6624	February 22, 2026
What is the best way to modify the new sidebar? Development	5	1177	February 20, 2023
How to put sidebar on "top" like it is on meta.discourse Product Support sidebar	4	863	October 11, 2022
(deprecated) Plugin outlet locations theme component Theme component end-of-life	38	11215	January 23, 2025

Theme Confusion

Related topics