Hi!, I’m new to Discourse plugin making and would appreciate some help with adding a toggle button to the post menu and implementing its action in the plugin.

Reading the above linked topics should answer your related dev questions. It’s possible you could achieve what you want with a theme component instead of plugin. Thus, I would also add these to your reading list: [image] Beginner's guide to using Discourse Themes Site Management This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible … [image] Developing Discourse Themes & Theme Components Developer Guides Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon… [image] Theme Developer Quick Reference Guide Developer Guides As themes grow more powerful, there’s more to remember about how they work. We have loads of detailed documentation under #theme-guides, but if you just need something to jog your memory, this guide may help. General Resources scroll Beginner’s guide scroll Designer’s guide scroll Developer’s guide paintbrush Theme Creator desktop_computer Theme CLI notebook_with_decorative_cover Theme Directory jigsaw Component Directory wrench Theme Modifiers wrench Themeable site se… also, from the first link I posted: [image]Class connector for adding button to post This theme component uses that method to add a new button to that menu based on some conditions and defines a new action, so have a look here https://github.com/discourse/raw-post-button

Hi @omppatil perhaps this post might help you get in the right direction: [image] Class connector for adding button to post Development If you want to add a button to the post menu then you’ll need something a little bit different since posts are widgets. You would need to add something like this to your theme / plugin. api.addPostMenuButton("my-button", () => { return { action: "someAction", icon: "someIcon", className: "someClass", title: "some title", }; }); The plugin API has a method for adding new buttons that makes this relatively easy. discourse/app/assets/javascripts/discourse/app/lib/plugin-api.… Also if you are new to Discourse plugin programming: [image] Developing Discourse Plugins - Part 1 - Create a basic plugin Developer Guides Building a plugin in Discourse can be really simple, once you learn a couple of quirks. The goal of this post is to create a skeleton plugin and introduce you to the basics. Your development environment Make sure you have a development environment of Discourse running on your computer. I recommend you use the appropriate setup guide and come back when you’re done. plugin.rb tada Use GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins · GitHub to create a complete di… [image] How can I make my own Discourse plugins? Development I’ve only just started but here’s my ‘starter for 10’ to get you going: Read: these this Try and read the code on the simplest, but popular plugins and see if you can understand what they are doing (this is not always easy, especially with the complexity of dealing with multiple files and the sometimes brutal functional brevity of javasctipt, but persevere) You need to learn: Lots of Javascript (look no further than @mpj’s Fun Fun Function excellent & fun (!) videos (thanks man!)) Lots of … [image] Learn how to start building stuff for Discourse if you're newbie (like myself) Developers There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins. Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…

Hi! You can use addPostMenuButton api.addPostMenuButton('coffee', () => { return { action: 'drinkCoffee', icon: 'coffee', className: 'hot-coffee', title: 'coffee.title', position: 'first' // can be `first`, `last` or `second-last-hidden` }; }); Then you can add your action this way: api.attachWidgetAction("post", "drinkCoffee", function () { // } EDIT: Got Lillian’d :smile:. It would also be a good idea to follow the guides Lilly posted!

How can one add a toggle button to the post menu and implement an action for that toggle button in a Discourse plugin?

Development

omppatil (Om Patil) November 28, 2023, 12:53pm 4

Therefore, what file structure should be implemented, and where should the above code be placed?

Topic		Replies	Views
Add additional button post menu Development	3	1571	April 28, 2020
Updating Discourse Plugins, taking the first step Development	12	4053	March 22, 2016
Class connector for adding button to post Development	1	1306	October 13, 2020
How to put button in the corner of the screen? Development	5	1416	September 1, 2020
'Custom Post Button' Theme Component Theme component	3	226	August 24, 2026

How can one add a toggle button to the post menu and implement an action for that toggle button in a Discourse plugin?

Related topics