I want to make a plugin to show a button and do some action. The button can already be displayed at the desired place, but I don’t know how to create a custom action for it. The file structure is like followings: plugins/discourse-my-plugin ├── assets │ ├── javascripts │ │ └── discourse │ │ ├── initializers │ │ │ └── my-plugin.js.es6 │ │ └── templates │ │ └── connectors │ │ └── user-messages-nav │ │ ├── actions.js.es6 │ │ └── button.hbs ├── config └── plugin.rb initializers/my-plugin.js.es6 import { withPluginApi } from "discourse/lib/plugin-api"; function initializeButton(api) { api.decoratePluginOutlet('user-messages-nav', (elem, args) => { ... }); } export default { name: "my-button", initialize() { withPluginApi("0.8.31", initializeButton); } }; button.hbs {{d-button class="btn-primary" action="submitContent" label="submit_content"}} Is it correct to create my custom action like this in actions.js.es6? The error is “had no action handler for: submitContent” but how can I fix it? export default { actions: { submitContent() { ... } } };

You were very close :+1: You only need to change the file name. Both the .hbs and js.es6 files in your connector class need to have the same name. So, if you change actions.js.es6 to button.js.es6 it should work. You can read more about connector classes here [image] Important changes to Plugin Outlets for Ember 2.10 Development Shortly I will be merging a branch of Discourse into master that updates us to the latest stable version of Ember, which is 2.10. This is exciting because we’ve been behind Ember’s stable branch for a while and we’ve finally caught up! It also contains the Glimmer 2 template engine which is quite a bit faster so the application should be more responsive, and it also cuts down on our template file sizes so the app should be quicker to download. However, there is a downside, and that I wasn’t abl…

How to add action for button in plugin

Development

wyudong May 31, 2020, 4:25pm 3

Thanks Joe, it works like a charm!

Topic		Replies	Views
Using a Discourse component in a plugin Development	19	4766	January 26, 2017
Cannot trigger new AdminUser action in plugin Development	0	694	April 6, 2019
Important changes to Plugin Outlets for Ember 2.10 Development	23	7153	June 1, 2018
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	38	31050	November 23, 2025
How to manually add contents to pluginOutlet after ajax call? And how to rerender or refresh a pluginOutlet? Development	3	907	May 31, 2023

How to add action for button in plugin

Related topics